Day 2 Day 2 Exercise 4

Copying HTML tagging on the Web is one of the best ways to learn about HTML. In this exercise, we'll cover copying material from the source of an HTML document and using a PC-based editor to edit an HTML file on the PC.

Part 4.1: View, copy and paste HTML Code.

  1. Open Netscape.
  2. Choose "Open Location" from the file menu. Enter the URL:
    http://www.lehigh.edu/~inwww/work/mylinks.html
  3. To see the actual HTML that's creating your page, choose "Document Source" from the View menu.
  4. Select (highlight) the whole contents of the page, then press Ctrl-C to copy them.
  5. Open Notepad.
    1. Click on Start.
    2. Choose "Programs".
    3. Choose "Accessories".
    4. Choose "Notepad".
  6. Click in the Notepad document and press Ctrl-V to paste in the HTML text you've copied.
  7. Change the word "My" in the title to your name.
  8. Choose Save As from the File menu to save the file. Enter c:\links.htm as the file name.
  9. Open Netscape. From the File menu, choose "Open File in Browser".
  10. Enter c:\links.htm in the Filename box.
  11. View the page you just created.

Part 4.2: Create an Unordered List.

  1. At the top of the list (BEFORE the first entry), insert <UL> (the "start unordered list" tag).
  2. At the bottom of the list (AFTER the last entry), insert </UL> (the "end unordered list" tag).
  3. Change the <P> tags in front of each item to <LI> tags, making each of them a "list item".
  4. Choose Save from the File menu to save the changes you've made to the file.
  5. Click Reload (or use "Open File in Browser") to view the new version of the page.

Part 4.3: Create a Definition List.

Definition Lists (<DL>) are slightly more complex than Ordered or Unordered Lists. Each item in a definition list has two types of information: the Title (<DT>) and the definition(s) (<DD>); each DT can have more or less than one DD under it.
  1. Change the start and end tags (UL) to <DL>.
  2. Change the <LI> tags to <DT>.
  3. Before each URL, insert a <DD> tag. (This splits the URL off into a subheading under the title of the site.)
  4. For each item on the list, add another <DD> tag followed by a short description.
  5. Save the file.
  6. Click Reload (or use "Open File in Browser") to view the new version of the page.
End of Exercise.
Agenda Next Prior
JAH, 13 Sept 1996.