HTML Structure

In this Article we are going to cover the HTML Structure. We will learn how html pages are Structure

Lets Understand Html Structure

We come across all kinds of documents every day of our lives. Newspapers, insurance forms, shop catalogues… the list goes on. Many web pages act like electronic versions of these documents. For example, newspapers show the same stories in print as they do on websites; you can apply for insurance over the web; and stores have online catalogs and e-commerce facilities. Also Check How Internet Works

In all kinds of documents, structure is very important in helping readers to understand the messages you are trying to convey and to navigate around the document.

Basic Html Page Output
HTML Describes the Structure of Pages

You can see the HTML code for this page below. Don’t worry about what the code means yet. We start to look at it in more detail on the next page. Note that the HTML code is in blue, and the text you see on screen is in black.

<html>
<body>
<h1>This is the Main Heading</h1>
<p>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.
<p>
<h2>This is a Sub-Heading</h2>
<p>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).
</p>
<h2>Another Sub-Heading</h2>
<p>Here you can see another sub-heading.</p>
</body>
</html>

The HTML code (in blue) is made up of characters that live inside angled brackets — these are called HTML elements. Elements are usually
made up of two tags: an opening tag and a closing tag. (The closing tag has an extra forward slash in it.) Each HTML element tells the browser something about the information that sits between its opening and closing tags.

Leave a Reply

Your email address will not be published. Required fields are marked *