HTML documents are made with various HTML elements and elements are made with opening and closing tags. To understand the basic building block of a HTML document we have provided an example of a simple basic HTML page.
The first line of the HTML document <!DOCTYPE html>
is a declaration. It tells that this document is an HTML5 document.
<html>
is the starting element of a HTML page. It is also known as a root element of an HTML page.
The <head>
element is used to provide meta information about the HTML page.
The HTML element <title>
is used to inform the title of the HTML page to the web browser. The content of the title element is shown on the title bar of the browser.
The next HTML element you noticed is the <body>
element. It defines the body of the HTML document. All the visible content you are going to see on the screen is placed in this element. For example page headings, page paragraphs, lists, tables, images, hyperlinks etc.
The last element in the above example of an HTML document is <p>
. It defines the paragraph.
Looking at the simple HTML document example, you can now have a visualisation of its page structure. The below image shows an HTML page structure.
Looking at the page structure one can conclude that HTML is mainly divided into two sections.
1. HTML Tutorial |
2. Introduction to HTML |
3. Basic HTML Page |
4. HTML Editors |
5. Web Browser |
6. HTML History |
7. Basic HTML Tags |
8. HTML Elements |
9. HTML Attributes |
10. HTML Headings |
11. HTML Paragraphs |
12. HTML Text Formatting |
13. HTML Styles |
14. HTML Comment |
15. HTML Quotation |
16. HTML Colors |
17. HTML RGB Colors |
18. HTML HEX Colors |
19. HTML HSL Color |
20. HTML CSS |
21. HTML Links |
22. HTML Link Colors |
23. Link within Page |
24. HTML Images |
25. HTML Background Image |
26. HTML Image Map |
27. HTML Picture Element |
28. HTML Favicon |
29. HTML Table |
30. HTML Table Border |
31. HTML Table Size |