diff --git a/all-you-need-in-html-main/README.md b/all-you-need-in-html-main/README.md new file mode 100644 index 0000000..9534498 --- /dev/null +++ b/all-you-need-in-html-main/README.md @@ -0,0 +1,21 @@ +# all-you-need-in-html +Created with CodeSandbo +This repository contains all you need for starting an html page +1. h tag +2. p tag +3. lists +4. forms +5. colors +6. footer +7. br , hr +8. comments + + + + + + + +![image](https://user-images.githubusercontent.com/88227668/194459412-d487bee7-164e-49a2-9ac6-3832870dbc07.png) + + diff --git a/all-you-need-in-html-main/index.html b/all-you-need-in-html-main/index.html new file mode 100644 index 0000000..dcfcb9b --- /dev/null +++ b/all-you-need-in-html-main/index.html @@ -0,0 +1,431 @@ + + + + + + + + + Document + + +

Welcome to my blog . Our Blog Focus on creating tutorials

+

h1 heading largest

+

h2 web page

+

h3 web page

+

h4 web page

+
h5 web page
+
h6 heading smallest web page
+
+

I am paragraph

+ bold tag + italic tag + strong tag + Emphasis tag + +

Links anchor tag a href =" "

+ Google Link in a new tab + Google Link in the same tab + Email id of mine + call us at 84465688798 + Description of same - page links +

ordered list

+
    +
  1. one
    2. +
  2. two
    3. +
  3. three
    4. +
+
    +
  1. one
    2. +
  2. two
    3. +
  3. three
    4. +
+
    +
  1. one
    2. +
  2. two
    3. +
  3. three
    4. +
+
    +
  1. one
    2. +
  2. two
    3. +
  3. three
    4. +
+
    +
  1. one
    2. +
  2. two
    3. +
  3. three
    4. +
+
    +
  1. Coffee
    2. +
  2. Tea
    3. +
  3. Milk
    4. +
+ +
    +
  1. Coffee
    2. +
  2. Tea
    3. +
  3. Milk
    4. +
+

unordered list

+ + + + + + +

A Description List

+ +
+
Coffee
+
- black hot drink
+
Milk
+
- white cold drink
+
+ +

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quas dolore in deleniti nihil, animi sint et quidem ad ab consequuntur rem natus suscipit totam nisi est sunt recusandae modi nam.

+ +



+

HTML Forms

+ +
+
+
+
+

+ +
+ +

+

Radio Buttons

+ +

Choose your favorite Web language:

+ +
+ +
+ +
+ + +
+

+

Radio Buttons used id and label for a particular id

+ +

Choose your favorite Web language:

+ +
+ +
+ +
+ + +
+

+ +

checkboxes

+
+ +
+ +
+ + +
+

submit

+ +
+

+

+ For more visitHTML FORMS +




+ + +

Table 1

+
+

How to write code

+<table border="4"> +<tr> +<td>row1,column1</td> +</tr> +</table> +
+

This table consists of only one row and only one col with border size 4
tr is for table row and td is for table column

+

+ + + + +
row1,column1
+

+
+
+

Table 2

+
+ + + + + + + + + + + + + + + + + + + +
row1,col1row1,col2row1,col3row1,col4
row2,col1row2,col2row2,col3row2,col4
row3,col1row3,col2row3,col3row3,col4
+

+

Table 3

+
+

we will add some cell padding - space around data inside a cell and cellspanning
+ space between the cells. We are adding heading too.

+
+

How to write code

+<table border="4" cellpadding="5" cell spanning="5"> +

+ + + + + + + + + + + + + + + + + + + + + +
Table 3
row1,col1row1,col2row1,col3row1,col4
row2,col1row2,col2row2,col3row2,col4
row3,col1row3,col2row3,col3row3,col4
+

+

Table 4

+
+

Use of colspan and rowsapan.
+ The colspan attribute in HTML specifies the number of columns a cell should span .
+ The rowspan attribute in HTML specifies the number of columns a cell should span .

+

+ + + + + + + + + + + + + + + + + + +
Table 3
row1,col1row1,col2row1,col3row1,col4
row2,col1row2,col2row2,col3row2,col4
row3,col1
+

+

Table 5

+
+

rowspan

+

+ + + + + + + + + + + + + + + + + + + + +
Table 3
row1,col1row1,col2row1,col3row1,col4
row2,col1row2,col2row2,col3
row3,col1row3,col2row3,col3
+

+

+ 12 steps to overcome depression +

+
+
+

+ In this web site we are going to discuss about various steps to get rid of depression +

+

+ in total there will be 12 steps +

+

+ There are times in life when you feel like things will never get better and that your feelings of depression will never end. What can you do at those times when you feel hopeless, unmotivated, fatigued, or overwhelmed with life? + +If you begin to feel depressed, your first step should be to focus your time and energy on yourself. Taking care of yourself emotionally, creatively, physically, and spiritually, can help turn negative thoughts and feelings into more positive ones. +

+ You can follow this link to follow in detail + W3Schools.com +
+

color

+

color

+

color

+

color

+

color

+

color

+
+


+

+ +
+
+

Useful Links

+ + +
+
+ +

Buisness

+ +
+
+

Newsletter

+
+ + +
+
+
+

Contact

+ 123,xy road, BSK3
Bangalore,Karnataka,India + +
+

+
+
© 2022 Twitter,Inc
+ + + +

+ + + + diff --git a/all-you-need-in-html-main/package.json b/all-you-need-in-html-main/package.json new file mode 100644 index 0000000..2299671 --- /dev/null +++ b/all-you-need-in-html-main/package.json @@ -0,0 +1,28 @@ +{ + "name": "static", + "version": "1.0.0", + "description": "This is a static template with no bundling", + "main": "index.html", + "scripts": { + "start": "serve", + "build": "echo This is a static template, there is no bundler or bundling involved!" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/codesandbox-app/static-template.git" + }, + "keywords": [ + "static", + "template", + "codesandbox" + ], + "author": "Ives van Hoorne", + "license": "MIT", + "bugs": { + "url": "https://github.com/codesandbox-app/static-template/issues" + }, + "homepage": "https://github.com/codesandbox-app/static-template#readme", + "devDependencies": { + "serve": "^11.2.0" + } +} diff --git a/all-you-need-in-html-main/sandbox.config.json b/all-you-need-in-html-main/sandbox.config.json new file mode 100644 index 0000000..5866ed7 --- /dev/null +++ b/all-you-need-in-html-main/sandbox.config.json @@ -0,0 +1,3 @@ +{ + "template": "static" +}