HTML Basics
HTML Document Structure
Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
HTML code:
<!doctype html><br />
<br />
<span class="bold pink"><html></span><br />
<br />
<span class="green">
<span class="bold"><head></span><br />
<meta charset="UTF-8"><br />
<span class="bold"><title></span>My Website<span class="bold"></title></span><br />
<span class="bold"></head></span><br />
</span>
<br />
<span class="blue">
<body><br />
<br />
<span class="bold"><h1></span>This is the Main Heading<span class="bold"></h1></span><br />
<br />
<span class="bold"><p></span>This text might be an introduction to the rest of the page. And if the page is a long one it might be split up into several sub-headings.<span class="bold"><p></span><br />
<br />
<span class="bold"><h2></span>This is a Sub-Heading<span class="bold"></h2></span><br />
<br />
<span class="bold"><p></span>Many long articles have sub-headings so to help you follow the structure of what is being written. There may even be sub-sub-headings (or lower-level headings).<span class="bold"></p></span><br />
<br />
<span class="bold"><h2></span>Another Sub-Heading<span class="bold"></h2></span><br /><br />
<span class="bold"><p></span>Above you can see another sub-heading.<span class="bold"></p></span><br />
<br />
</body><br />
</span>
<br />
<span class="bold pink"></html></span><br />
<html> </html>
Contains all the other tags. Defines the kind of document.
<head> </head>
Before the <body> element you will often see a <head> element. This contains information about the page (rather than information that is shown within the main part of the browser window that is highlighted in blue on the opposite page). You will usually find a <title> element inside the <head> element.
<title> </title>
The contents of the <title> element are either shown in the top of the browser, above where you usually type in the URL of the page you want to visit, or on the tab for that page (if your browser uses tabs to allow you to view multiple pages at the same time).
<body> </body>
You met the <body> element in the first example we created. Everything inside this element is shown inside the main browser window.
result in browser:
HTML Tags
Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
PPT Summary
Below is a PPT presentation connected to the book HTML & CSS about the HTML document structure.