Web Page Design Boot Camp

  Home |  Basics |  Intermediate |  Advanced |  Tools |  Site Map    Subtopics:

HTML Skeleton

Web documents consist of the content you see on your browser screen and HTML tags used to format and give structure to that content. Tags are special keywords enclosed in < and > symbols. The keywords can be in either upper or lowercase. Below is a skeleton for an HTML document.

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

Most markup tags come in pairs. The first tag marks the point in the document where a format or structure begins and the second marks the end. The same keyword is used in both tags, but the second tag has a slash character "/" that identifies it as an ending tag.

An HTML file is divided into two sections. The head section, which contains information about the page, is enclosed by the <head> and </head> tags. It is followed by the body section, which holds the page content displayed by the browser is enclosed by <body> and </body> tags. Both sections are enclosed by <html> and </html> tags.

The text placed between the <title> and </title> tags will be displayed in the browser window's title bar. For example, the title for the page you are now browsing was coded as:

<title>WPDBC - HTML Skeleton</title>

The content of the web document, including text and tags for displaying images, is placed between the <body> and </body> tags.

To try your hand at some basics, you can use the HTML Maker. (This will open a new browser window that you can use throughout the tutorial.)