Formatting Practice

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