Formatting Practice
Part One -- Create the web page:
- Using Wordpad, start a web page named format.html
- Type this:
<HTML>
<HEAD>
<TITLE>
format.html
</TITLE>
</HEAD>
<BODY>
HTML
Formatting
<OL>
<LI>First Item
<LI>Second Item
<LI>Third Item
</OL>
</BODY>
</HTML>
Part Two -- Change background color:
- In the <BODY> tag, type this in:
BGCOLOR="BLACK".
The
<BODY> tag should look like this: <BODY BGCOLOR="BLACK">
- Save, but do not closeNotepad.
- Go to Internet Explorer and open
http://www.delta.edu/username/format.html
- Is your web page background black?
- What happened to the text???
Part Three -- Change body text
color:
- Without closing Internet Explorer, go back to Notepad
- In the <BODY> tag, type this in:
TEXT="YELLOW".
The
<BODY> tag should now look like this: <BODY BGCOLOR="BLACK"
TEXT="YELLOW">
- Save, but do not close Notepad.
- Return to IE and click the Reload button
- Did the text reappear? Is the text yellow?
Part Four -- Change
the color of individual text:
- Without closing Internet Explorer, go back to Notepad.
- Before "HTML Formatting", type this in:
<FONT
COLOR="LIGHTGREEN">
- After "HTML Formatting", type this in:
</FONT>
- Save, but do not close Notepad.
- Return to Internet Explorer and click the Reload button
- Is "HTML Formatting" green?
Part Five -- Change the size of
text:
- Without closing Internet Explorer, go back to Notepad.
- Add SIZE=5 to the <FONT> tag
It should look like
this: <FONT COLOR="LIGHTGREEN" SIZE=5>
- Save, but do not close Notepad.
- Return to IE and click the Reload button
- Is "HTML Formatting" larger and still green?
Part Six -- Change
the face of the font:
- Without closing IE, go back to Notepad.
- Add FACE="COMIC SANS MS" to the <FONT> tag
It
should look like this: <FONT COLOR="LIGHTGREEN" SIZE=5
FACE="COMIC SANS MS">
- Save , but do not close Notepad.
- Return to IE and click the Reload button
- Did "HTML Formatting" change?
Part Seven -- Change the list to
an unordered list (bullets):
- Without closing IE, go back to Notepad.
- Change <OL> to <UL>
- Change </OL> to </UL>
- Save, but do not close Notepad.
- Return to IE and click the Reload button
- Did the list numbers change to bullets?
Assignment
3 -- formatting