Practice: HTML Basics


Create a new home page and title it

The Wonderful World of Cats

Save the page within the HTML Files folder in a new folder called Cats.

Make the main heading of the home page read

The Wonderful World of Cats

Using a style sheet, make the main heading size 1.

TIP: Open format.css from the Dogs folder, then save it in the Cats folder.

In the home page, link to format.css using a tag below the tag.

Then format the heading using a

tag.


Below the main heading on the home page, insert a bulleted list:

  • House Cats
  • Alley Cats
  • Big Cats
Using the style sheet, put these list items in the Arial font, with a size of 10 points.
Put them in plain text, not bold.

Link each list item to a new page about it.

For instance, link the words House Cats to a new page about house cats, with the file namehousecats.html.

On each of these new pages, put a descriptive heading at the top of the page.

For instance, the words House Cats at the top of the house cats page.

Using the style sheet, put the main headings of all four pages in the Arial font.

Give the home page's heading a size of 16 points.

Give the headings of the other pages a size of 14 points.

On each page, write a descriptive sentence or two in a new paragraph below the main heading.

Using the style sheet, put these paragraphs in the Arial font,
with a size of 10 points.
Go to:

www.inpics.net/files/html/catpics

and capture the three cat graphics there.

Put them in a folder called graphics within the Cats folder.

Insert the appropriate graphic on each of the 3 pages.

On each page, put the graphic between the main heading and the descriptive paragraph below.

Align each graphic left, then specify vspace of 4 and hspace of 16.

Link each of the three pages back to the home page, and to each other.

On each page, make the "you are here" link into bold, plain text.

Using the style sheet, make the background color of each page light gray.

TIP: Add body {background: formatting to the style sheet.

The hexadecimal code for light gray is cccccc.

Make the link color on each page bright red.

Preview the site in the browser.

It should look like the site at:

www.inpics.net/files/html/cats