Basic HTML Tags

 

Basic Structure of an HTML document


<HTML>

<HEAD>
<TITLE> </TITLE>
</HEAD>

<BODY>
</BODY>

</HTML>

see details on tag structure

There are four sets of tags (<HTML>, <HEAD>, <TITLE>, and <BODY>) that define the overall structure of a standard Web page. They are the standard in which we will use in the class. Table 2 will describe the function of each tag set.

 

HTML Tag Function
HTML TAG FUNCTION
<HTML> </HTML> The beginning and end of an HTML document.
<HEAD> </HEAD> The beginning an end of a section of the document used for the title and other document header information.
<TITLE> </TITLE> The beginning and end of the title; the title does not display in the body of the Web page, but displays on the title bar of the browser.
<BODY> </BODY> The beginning and end of the Web page body.
<Hn> </Hn> The beginning and end of the text section called a heading; sizes range from <H1> through <H6>.
<P> </P> The beginning of a new paragraph; inserts a blank line above a new paragraph.
<UL> </UL> The beginning and end of an unordered (bulleted) list.
<LI> </LI> The item that follows the tag is an item within a list.
<HR> Inserts a horizontal rule line.
<BR> Breaks a line of text at the point where the tag appears.

HTML is not case sensitive; therefore you can enter HTML tags in uppercase or lowercase or a mixture of both. We will always type HTML tags in uppercase. It is good form to be consistent when you type tags, adhering to a standard practice in your own HTML development.


Class Activity

  1. We will modify a text file by adding the appropriate tags to build a basic web page.
  2. Open your HTML editor, Notepad.
  3. Select and copy the text from the following text file kitchen.txt
  4. Save the document as "kitchen.html" in your named folder.

These pages were made through TeacherTECH, the teacher professional development component of GirlTECH, which is sponsored by the Center for Excellence and Equity in Education (CEEE) with support from the National Science Foundation through EOT-PACI, RGK Foundation, the Verizon Foundation, Rice University, and HiPerSoft.

Copyright © August 2003 by Tracey Gibson.