Day 1 Exercise 3
In this exercise, you will edit your newly created home page with the
system editor on the Network Server, called DTE, to add a few basic
tags. You can use the Netscape browser to view your page as you make
changes as long as you save the file to disk before viewing the page.
Part 3.1:Examine the structure of your home page HTML file
- You should still be logged in to Network Server and you
should also still be running Netscape in order to complete this
exercise. If not, please do those things first.
- Edit your home page. If you are in the SCAN
facility, change directory to your AFS space (this the link that you
created in Exercise 2), and edit the file that is your homepage (it
should be named userid.html).
- Look at the structure of the file. The very first line
contains the document declaration (<DOCTYPE>), this is an
unpaired tag. The next tag (<HTML>) is a paired tag that
indicates that this is an HTML document. Within the HTML tag, the
file is divided into two basic parts, the HEAD and the
BODY. Also note that the title of the document is in the head
section and the content of the page is in the body section.
- Find the start and end tags for each section (for the
paired tags).
- Be aware that these tags are functional tags,
they mark the structure of the document rather than marking
any physical characteristics of the text contained in the document.
Part 3.2: Add tags to your file
- Change the Dept/Major, Personal Information, etc.
Sections into separate Paragraphs.
Change the <BR> tag at the beginning of
each line into a <P> tag.
If you wish, also add <BR> elements between those
headings and your answers.
- Use the <EM> </EM> and <STRONG>
</STRONG> functional elements to mark text on your page. Perhaps
you'll want to mark the words: Department/Major, Contact
Information. These tags will be rendered by the browser in the
appropriate manner. Do these tags look any different in the Netscape
browser?
- Save the file and than reload it by pressing the
Reload button on the Netscape browser.
- Use the <B> </B> and <I> </I>
physical tags to mark other text.
- Save the file and than reload it by pressing the
Reload button on the Netscape browser.
- View the file using Lunx to see how this browser displays
the marked text. Now do any of the tags look different?
- Add the <HR> tag to your file if you wish.
- Save the file and than reload it by pressing the
Reload button on the Netscape browser.
RJD - 9/11/96