Sample Online Lesson

Tags for Overall HTML Page Structure

Page Structure Tags

HTML defines four tags that are used to describe the page's overall structure and provide some simple header information.

<html>..</html>: This is the first page structure tag indicating the file is in the HTML language
<head>..</head>: The head element contains general information. The elements inside the head element will not be displayed by a browser.
<title>..</title>: This tag appears in the title bar of the browser and indicates what the page describes
<body>..</body>: This tag includes all the text and other content (the viewable content)

Heading tags are used to add titles to sections of a page. HTML defines six levels of headings:

<p>..</p> tags are used define paragraphs

<blockquote>..</blockquote> tags displays lon quotations

<address>..</address> tags provide a special format for author or contact information

HTML 4.0 defines these three types of lists:

unordered list <ul> <li />Item 1 <li />Item 2 <li />Item 3 </ul>	Item 1 Item 2 Item 3
ordered list <ol> <li />Item 1 <li />Item 2 <li />Item 3 </ol>	Item 1 Item 2 Item 3
glossary list <dl> <dt>Term</dt> <dd>Definition</dd> </dl>	Term Definition

Customized Unordered lists

<ul type="disc"> <li />Item 1 <li />Item 2 <li />Item 3 </ul>	Item 1 Item 2 Item 3
<ul type="square"> <li />Item 1 <li />Item 2 <li />Item 3 </ul>	Item 1 Item 2 Item 3
<ul type="circle"> <li />Item 1 <li />Item 2 <li />Item 3 </ul>	Item 1 Item 2 Item 3

Customized Order lists

<ol type="A"> <li />Item 1 <li />Item 2 <li />Item 3 </ol>	Item 1 Item 2 Item 3
<ol type="a"> <li />Item 1 <li />Item 2 <li />Item 3 </ol>	Item 1 Item 2 Item 3
<ol type="I"> <li />Item 1 <li />Item 2 <li />Item 3 </ol>	Item 1 Item 2 Item 3
<ol type="i"> <li />Item 1 <li />Item 2 <li />Item 3 </ol>	Item 1 Item 2 Item 3