Be Brav3

FCC Challenge 26: Create an Ordered List

March 10, 2016

Free Code Camp Challenge 26 is very similar to the last challenge. Instead of unordered lists, we’re creating an ordered list.

HTML has a special element for creating ordered lists, or numbered-style lists.

Ordered lists start with a [html]

    [/html] element. Then they contain some number of [html]
  1. [/html] elements.

    For example:

    [html]

  • Garfield
  • Sylvester
  • [/html]

    would create a numbered list of “Garfield” and “Sylvester”.

    Create an ordered list of the top 3 things cats hate the most.

    The original code is below:

    [html]

    CatPhotoApp

    Click here for cat photos.

    A cute orange cat lying on its back.

    Things cats love:

    • cat nip
    • laser pointers
    • lasagna

    Top 3 things cats hate:

    [/html]

    The updated code below has the added ordered list:

    [html highlight=”41-45″]

    CatPhotoApp

    Click here for cat photos.

    A cute orange cat lying on its back.

    Things cats love:

    • cat nip
    • laser pointers
    • lasagna

    Top 3 things cats hate:

    1. mice
    2. dogs
    3. dirt
    [/html]