1. HTML
Formatting

2. HTML and the Internet Types of Formatting Text Formatting
Text Formatting, Ordered Lists, Unordered Lists.
Text Formatting
Powerful tool for organizing content on your web pages
Change Font
Text Color
Text Style
Text Alignment
Ordered Lists – Numbered Lists
Unordered Lists – Bullet Lists

3. HTML and the Internet Ordered Lists
<OL>..</OL> Surround all the items that are part of the list
<LI> Marks the beginning of each list item (no close)
Example
<OL>
<LI>Item 1
<LI>Item 2
<LI>Item 3
</OL>
The <OL> tag has two attributes
START – Sets the starting value of the first list item
TYPE – Customize list characters
“a” or “A” – for lowercase or capital letters
“i” or “I” – for lowercase or capital roman numerals
Ex. <OL START=“4” TYPE=“I”> Sets an ordered list to be ordered by uppercase roman numerals starting with IV as the first item.
Create an ordered list with at least 5 items

4. HTML and the Internet Unordered Lists
<UL>..</UL> Surround all the items that are part of the list
<LI> Marks the beginning of each list item (no close)
Example
<UL>
<LI>Item 1
<LI>Item 2
<LI>Item 3
</UL>
The <UL> tag has the same attributes as the <OL> tag
There are other types of lists as well.
<DL>..</DL> Definition List
<DT> Definition Term
<DD> Definition Definition
1. Create an unordered list with at least 5 items
2. Experiment with the Definition List Type

5. HTML and the Internet Formatting Characters
Underlined Text <U>..</U>
Underlines text.
avoid Using – Confused with links
Boldface Text <B>..</B>
adds Bold format
applies to visual format only. Use STRONG instead
Italicized Text <I>..</I>
adds Italic format
Applies to visual format only. Use EM instead
Strong Text <STRONG>..</STRONG>
Marks text as strong, interpreted as bold
Emphasized Text <EM>..</EM>
Marks text as emphasized; interpreted as italic
1. You should now have an HTML document with a title, head, body, unordered list, ordered list, links, etc.
2. Change the look of your site by changing the style of certain characters using the strong and emphasize tags

6. HTML and the Internet Font Selection: Face, Color, Size
Font Tag <FONT>..</FONT>
Encapsulates a set of text and specifies attributes for that text
Attribute <FONT FACE=“firstChoice, secondChoice, thirdChoice”>
Specifies a font name to be used for encapsulated text.
Browser will only display IF users computer has that font available
Attribute <FONT COLOR=“23238E”>
Attribute <FONT SIZE=“1”> (sizes between 1 and 7)
1. Change the look of your site by Customizing the text using the FONT tag and the FACE COLOR and SIZE attributes.

7. HTML and the Internet Alignment
ALIGN is an attribute of the Paragraph <P> Tag
<P> Encapsulates a set of text.
Attribute <P ALIGN=“left”>
left, right, center, justify
1. Use alignment to further customer your site. Add more text sections and play around with alignment.