Saving Your Page

To

save your file

, go to “file” and “save” in Notepad, and save the file to your floppy disk [A:] (or flash drive).
Enter a filename, being sure it is all lowercase without spaces and ends in .html, and choose “save as type” –
All files (*.*).
Choose your own file name, or use the following sample:
myinitialspage.html (for example: mzspage.html)
NOTE: File names on the Web follow Unix conventions. This means they are case sensitive, and no spaces
are allowed. The file title and extension (.html) should be in lower-case, and file names should be as short as
possible. Be sure to save your file using the complete (.html) extension. Although you may see some pages
use .htm, the University Libraries pages all use .html.
For more information about naming files and directories, see the Libraries’ “Best Practices” at:
http://www.lib.umd.edu/itd/web/bestpractices/naming.html, and see page 12 of this handout packet.
Previewing Your Work
To preview your file in Mozilla Firefox:
Open the Firefox browser. Choose File 􀃆 Open File, and then from the drop-down menu that appears at the
top of the window labeled Look in: choose 3 ½ floppy [A:] or the name of your flash drive. Highlight the
name of the file you just saved (myinitialspage.html or the variation that you typed), and select Open.
After you have viewed your creation, go back to the lists you already created and choose one item from each
list to italicize. Add italics to one of your list items by typing the tags shown in bold type:
<li><em> list item </em> </li>
Note: When you are creating your home page, use italics sparingly for emphasis only! Bold (strong) text and
italics (em) lose their impact if they are used too frequently on a web page, and italicized text is difficult to read
on screen!
Choose one item from each list to emphasize with bold type. Add the <strong> tags to your existing list as
follows:
<li> <strong> list item </strong></li>
Save your changes in Notepad, and refresh your page in Firefox (using the reload button ) to see how
these changes would appear on the Web.
Introduction to HTML – UM University Libraries 9
Now, we can add a link to your e-mail address. Choose the line that reads
<p>Type “Authored by” and your name. </p> and change the coding as follows:
<p>Authored by <a href="mailto:[insert your e-mail address@umd.edu here]"> your name.</a> </p>
Be sure to save your changes and view your creation in Firefox.