Create links

Create a new page

In Notepad, change the title of index.html to Chesapeake Bay Retrievers.

Don't save index.html.
Take out all the tags and text between the and tags.

The code should look like this:

Save the page as chesapeake.html in the Dogs folder.

TIP: Remember to Save as type: All Files.

File names for the Web

HTTP—the "language" Web servers use to communicate—doesn't deal cleanly with spaces in file names. For instance, if you name a file fido page.html, it may show up in the browser as fido%20page.html.

Also, Web servers are case-sensitive, so keeping file names lower-case eliminates a potential source of mistakes.

Make all file names in a Web site-pages, graphics and folders-lower-case, with no spaces.

Correct file name: chesapeake.html

Incorrect: Chesapeake Bay.html

Beneath the tag, type:

Chesapeake Bay Retrievers

Enclose the text in

tags:

Chesapeake Bay Retrievers

Save chesapeake.html.

In Notepad, open format.css.

Below the h1 formatting, insert this formatting for the

(heading, size 2) tag:

h1 {
font-family: verdana,helvetica,sans serif;
font-weight: bold;
font-size: 16pt;
}

h2 {
font-family: verdana,helvetica,sans serif;
font-weight: bold;
font-size: 14pt;
}

p {
font-family: arial,helvetica,sans serif;
font-size: 10pt;
}

li {
font-family: arial,helvetica,sans serif;
font-weight: bold;
font-size: 10pt;
}

Save format.css.

Open chesapeake.html in the browser.

It should look like this:

Providing navigation clues with heading size

The heading of the Chesapeake Bay Retriever page is one size smaller than the heading of the home page. That's because the CBR page is one step down in the site hierarchy.

Dogs Home Page
size 1 heading, font-size: 16pt

Chesapeake Bay Retrievers
size 2 heading, font-size: 14pt

Making the heading of the Chesapeake Bay Retrievers page smaller than the home page's heading helps show people where they are in the site.

Web Layout HTML & CSS