LESSON PLAN: HTML Text
Formatting and Lists
Lesson Overview:
This lesson assumes that students
have been trained on the basics of HTML and can properly form, save and display
HTML pages in a browser. It is also
assumed that students are familiar with HTML tag attributes and how they
function.
In this lesson the student will
be exposed to standard text formatting tags in HTML. HTML was not originally intended to product
anything more than text documents to be displayed on the Internet. When it was discovered that Web pages could
be used for much more than that, developers started creating tags intended to
change the formatting of the content to make it more visually pleasing and
interesting. Trying to format HTML pages
through the use of these tags has always been a non-exact science due to the
way different browsers interpreted the tags.
This fact has caused severe limitations to Web page designers for
years. It should be noted that the
latest version of HTML, ver.4.0, deprecates a number of these tags in favor of
Style Sheets which is specifically designed for formatting Web pages. Style Sheets will be discussed in a later
module of this series. The intent of
presenting these tags to the student is so that a student who comes upon older
Web pages where these tags have been used can understand their meaning and work
with them.
Students will also be exposed to
the creation and use of ordered and unordered, bulleted, lists in HTML.
Length of Lesson:
One two-hour session
Notes:
This lesson is number two in a series
of five lessons that comprise the basic HTML learning model.
Instructional Objectives:
Students will:
- Use Notepad to write code for their HTML pages
- Use Internet Explorer Web browser to display HTML pages
- Utilize formatting HTML tags to change the default content display of Web pages
- Properly utilize ordered and unordered lists to enhance the functionality of their Web pages
Supplies:
Computers with Microsoft Notepad
and Internet Explorer installed. Students
will need a storage device such as a floppy disk or CD ROM to store projects.
Instructional Plan:
HTML text-formatting tags:
The instructor will discuss and
demonstrate a series of tags that were created by HTML developers, and adopted
by the major browsers, whose function is to change the "look and
feel" of Web page text content.
Changing font size, weight and family will be discussed and
demonstrated, as will changing the color of the text, italicizing and
underlining text and inserting text as a superscript or subscript.
HTML text-formatting tags:
The structure and function of the
following HTML table tags will be discussed and demonstrated by the instructor:
<FONT>
<HR>
<BR>
<P>
<B>
<I>
<U>
Basic HTML text-formatting attributes:
Like all HTML tags, attributes
are used to modify the "look and feel" of text displayed on the Web
page. Text spacing, emphasis and use of
font families are primary areas of interest in this discussion.
The instructor will discuss
format and output of the following attributes:
size=”x"
face="name
of font family"
color=”hexadecimal
color code or accepted color name”
align="left,
center, right"
Students will complete Exercise 1 - Formatting text in HTML
Creating Ordered and Unordered Lists in HTML:
The structure and function of the
following HTML table tags will be discussed and demonstrated by the instructor:
<UL>
<OL>
<LI>
Basic attributes used with HTML lists:
Like all HTML tags, attributes
are used to modify the "look and feel" of text displayed on the Web
page. The primary use of attributes in
HTML lists is to define what kind of list will be displayed, such as number2,
Roman numerals, bulleted, etc.
The instructor will discuss
format and output of the following attributes:
Type="1,a,A,i,I,
disc, square, circle
Start="number
or letter that will start list"
Students will complete Exercise 2 - Creating Lists in HTML
Sources:
Print
Assessment:
Students will complete the
Assessment 1 exercise to demonstrate understanding of formatting text and
inserting lists into HTML documents.
Author:
Norman W. Benton
0 comments:
Post a Comment