HTML Assignment 1
Biography Web Page
Part 1 Part 2
- Objective:
- This project will build familiarity with the overall structure of an HTML document and an understanding of HTML tags. We will construct a Web page incrementally, by shifting between Notepad and the browser to view the development of the Web page.
HTML Assignment 1 - Part 1
- Create a template in Notepad with this structure. HTML tags are enclosed by the < and > symbols.
- < HTML >
- < HEAD >
- < TITLE > .... < /TITLE >
- < /HEAD >
- < BODY >
- < /BODY >
- < /HTML >
- Save the template to your floppy disk in Drive A: or to your zip disk (or if at home, to your hard drive). Save the template two times with the following filenames - Note the HTM filename extension:
- template.htm
- bio.htm
- Before you save (using Notepad), be sure to change the type of file in the drop-down list box, to All files (not Text files).
- You can also use Wordpad to create these files. If so, the type of file in the drop-down list box should be Text files
.
- Add a Title and a Level 1 Heading to your page.
- Add the title Biography of (your name) between the TITLE start and end tags.
- Add a Level 1 HEADING tag < H1 > just below the beginning BODY tag with the text Your Name
- Save the file as bio.htm
- Launch the Netscape or Internet Explorer browser
- Go to the File Menu, Open Page and select your file bio.htm
- As you construct each part of the file in Notepad or Wordpad, save the file, switch to your browser, and Reload the page.
- Your biography page should have the following Level 2 subheadings < H2 > :
- Early Years:
- Teen Years:
- Current Life:
- Future Goals:
- Favorite Places:
- Several paragraphs should be included in each section.
- Separate each section with a horizontal line. < HR >
HTML Assignment 1 - Part 2
- Add a background color or background image to your page.
- To add a background color use the following tag (be sure to include the < and > around the tag):
- < BODY BGCOLOR="color name" >
- or
- < BODY BGCOLOR="#color number" >
- Check out the color chart in your HTML text in Appendix A page 15 for color names and numbers. You may have to try a few, they don't always appear in the browser as they show in print.
- To add a background image use the following tag:
- < BODY BACKGROUND="filename" >
- Be sure to put your background file in the same folder as your Bio page.
- Add at least one graphic image to your page.
- Use the following tag:
- < IMG SRC="filename" >
- You can add an image anywhere on your page or you can replace your horizontal lines with graphic line images.
- Add at least one link to one of your favorite places.
- Use the following tag:
- < A HREF = "http://...url to link to ..."> Text to be displayed to user < /A >
Last updated April 16, 2000
©1999, 2000 Gena Casas