jvazhiy / intro-html

A robot powered training repository :robot:
https://lab.github.com/githubtraining/introduction-to-html
MIT License
0 stars 0 forks source link

Create a list #5

Closed github-learning-lab[bot] closed 4 years ago

github-learning-lab[bot] commented 4 years ago

Step 9: Create a list

Your site with your new photo can be seen at: https://jvazhiy.github.io/intro-html/

Note: Sometimes it takes a few minutes for a GitHub Pages site to reload. If your changes still don't appear after a few minutes, you might try clearing the cache in your browser and refreshing the page.

Ordered and unordered lists

Lists are used all over the internet. They come in two flavors: ordered and unordered.

  1. This
  2. Is an
  3. Ordered list

And...

You can create a list using the <ol> tag for ordered lists, and the <ul> tag for unordered lists. Then, each item must be wrapped in an <li>, or list item, tag. Here's the code that generates the list I showed you above:

<ol>
    <li>This</li>
    <li>Is an</li>
    <li>Ordered list</li>
</ol>

And...

<ul>
    <li>This</li>
    <li>Is an</li>
    <li>Unordered list</li>
</ul>

For the next exercise, you are going to create a list of your favorite websites. Later, we will add links so you can access those links quickly. For now, focus on creating the individual list items.

:keyboard: Activity: Create a list of your favorite sites

  1. Edit the index.html file in your master branch by using this direct link or going to the Code tab, clicking on the index.html file, clicking the pencil :pencil: to edit the HTML.
  2. Inside the body tag, create a list, either ordered or unordered, of your favorite sites on the internet.
  3. In the Commit changes section, enter a commit message that describes what you've done.
  4. Ensure you've selected Create a new branch for this commit and start a pull request.
  5. Give your branch a descriptive name, like add-links-and-lists.
  6. Click on Commit changes.
  7. Give your pull request a title, and a comment.
  8. Click on Create pull request.

Look for my response in your new pull request