CLASSES OF INTEREST TECHNOLOGY MY WORLD  
 

copyright © 2006 Don Southwell - All rights reserved

Formatting Practice

Part One -- Create the web page:
  1. Using Wordpad or Notepad, start a web page named format.html
  2. Type the HTML code listed and then upload to your web space at http://student.delta.edu/your_userid
    <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 Netscape and open (Lets try a different browser this time...)
    http://student.delta.edu/your_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 Netscape, go back to Notepad, make the following changes and then reload to your web space.
  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 Netscape 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 Netscape, go back to Notepad, make the following changes and then reload to your web space.
  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 Netscape and click the Reload button
  6. Is "HTML Formatting" green?
Part Five -- Change the size of text:
  1. Without closing Netscape, go back to Notepad, make the following changes and then reload to your web space.
  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 Netscape and click the Reload button
  5. Is "HTML Formatting" larger and still green?
Part Six -- Change the face of the font:
  1. Without closing Netscape, go back to Notepad, make the following changes and then reload to your web space.
  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 Netscape and click the Reload button
  5. Did "HTML Formatting" change?
Part Seven -- Change the list to an unordered list (bullets):
  1. Without closing Netscape, go back to Notepad, make the following changes and reload to your web space.
  2. Change <OL> to <UL>
  3. Change </OL> to </UL>
  4. Save, but do not close Notepad.
  5. Return to Netscape and click the Reload button
  6. Did the list numbers change to bullets?
Assignment 3 -- formatting
 

! You are using a version 4 browser or older. If you are experiencing any problems with scrolling, please reload the page.