A+ A-

HTML Document Structure

You should  learn the key concept of creating any web page: how to give it  structure . You need to add structure to a document so that web browsers can present the page to people who visit your site in a way they will understand. To give a document structure, you ’ ll need to learn how to create web pages using HTML.

A Web of Structured Documents:

Before we create our first web page, let ’ s just take a moment to look at the printed information we see every day,   and how it compares to what we see on the Web. Every day, you come across all kinds of printed documents    newspapers, train timetables, insurance forms. You can think of the Web as being a sea of documents that all link together, and bear a strong similarity to the printed documents that you meet in everyday life. 

Every morning we used to read a newspaper. A newspaper is made up of several stories or articles (and probably a fair smattering of advertisements, too). Each story has a headline and then some paragraphs, perhaps a subheading, and then some more paragraphs; it may also include a picture or two.
The structure of articles on news web sites is very similar to the structure of articles in newspapers. Each article is made up of headings, paragraphs of text, and some pictures (sometimes the pictures might be replaced by a video). The parallel is quite clear; the only real difference is that in a newspaper you may have several stories on a single page, whereas on the Web each story tends to get its own page. The news web sites also often use homepages that display the headline and a brief summary of the stories. 

A typical HTML document will have the following structure: 



Document declaration tag 
<html>
   <head>
       Document header related tags
   </head> 
   <body>
       Document body related tags
   </body>
</html>