Create lists


With the three breeds of dog, replace the

and
tags with

  • (list item) tags:

    • Chesapeake Bay Retriever

    • German Shepherd

    • Yorkshire Terrier

    Save index.html and reload it.

    It should look like this:

    In Notepad, open format.css.


    Add font and size formatting for the

  • tags:

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

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

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

    Save format.css.


    Reload index.html.

    The bulleted items should be smaller, and in the Arial font:

    Change the title of the home page, index.html, to My Favorite Dogs.


    Change the bulleted list to a numbered list.

    TIP: Use

      instead of

        to generate a numbered list.
        Change the numbered list back to a bulleted list.


        Make the list items bold.

        TIP: Instead of using the tag in index.html, open format.css and put the property

        font-weight: bold

        into the formatting for the
      • tag.


        Save index.html and view it in the browser.

        The bulleted items should be bold:


        Web Layout HTML & CSS

    •