HTML5 Document Structure General HTML 5 Document Structure is as below
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html> <html lang="en"> <head> ... </head> <body> ....... </body> </html> |
<!DOCTYPE html> specifies that this document is HTML5 document and you can use all html5 tags here. <html> is root tag of HTML document it contains two child tags <head> and <body> <head> specifies that this portion contains heading information of the page … Read more
imgsrc: HTML Image tag
HTML del tag is used to represent set of characters deleted from the document. The characters inside the del tag are represented as text with centre line(text with strukethrough line). Syntax:
1 | <del>.......</del> |
Example:
1 |
Result:
As we have already seen the structure of html document. The root of the document is html tag then there are two child tags head and body. Head tag contains meta data of a web page like title, meta,link,base. Syntax
1 2 3 4 5 6 7 8 9 | <html> <head> . . </head> <body> </body> </html> |
Example
1 2 3 4 5 6 7 8 | <html> <head> <title>My First Page</title> </head> <body> Hello How are you. </body> </html> |
To show data in subscript and in superscript format we use <sub>..</sub> and <sup>..</sup> tags.
1 2 | X<sup>2</sup>+Y<sup>2</sup> H<sub>2</sub>O |
Example: Output: X2+Y2 H2O
For creating bold Itelic and Underline text we use following syntax. We can also use nesting of tags Example:
1 2 3 4 | <b>This is a bold text</b> <i>This is a italic text</i> <u>This text is a underline</u> <b><i>This is a bold and italic text</i></b> |
Output: This is bold text This is italic text This text is underline This is bold and italic text
The pre tag is used to display preformatted text in HTML document. pre tag preserves the content structure it can be used to show pre-formated data stored in the database and in another documents and to show computer codes programs to HTML document. Syntax:
1 | <pre>... |
Example:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html> <html> <head> <title> Example of HTML pre tag </title> </head> <body> <pre> This is a pre tag example. This preserves the text strutcture Done!! |
Result: Pre tag can also be used to … Read more
The br tag is used to break the line. It does not have closing tag.
1 | <br/> |
Example:
1 2 3 | Hello How are you. <br/> Feeling well. |
Result: Hello How are you. Feeling well.
Hr is used to show horizontal line in html document. When ever we have to give any horizontal row between two element we use this tag Hr does not have any closing tag. Syntax
1 | <hr> |
Example:
1 2 3 | <p>Hello How are you</p> <hr> <p>Whats going on</p> |
Output: Hello How are you Whats going on
HTML provides three types of lists Ordered List Unordered List Definition List Lets see each list one by one with suitable example. Ordered List This list are used to show information where order is important. for this we use ol tag.inside <ol>..</ol> we use <li> tag. Syntax
1 2 3 4 5 6 7 8 9 | <ul> <li>Element1</li> <li>Element2</li> <li>Element n</li> </ul> |
We can use type attribute to show … Read more