FAQ: Learn HTML - Intro to HTML - Unordered Lists

wiki-bot · January 7, 2018, 10:07pm

This community-built FAQ covers the “Unordered Lists” exercise in Codecademy’s lessons on HTML.

Here are the most popular community questions on this exercise:

Join the Discussion. We Want to Hear From You!

Have a new question or can answer someone else’s? Reply () to an existing thread!

Agree with a comment or answer? Like () to up-vote the contribution!

Need broader help or resources about HTML in general? Go here!

Want to take the conversation in a totally different direction? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

Have a question about your account, billing, Pro, or Pro Intensive? Reach out to our support team!

None of the above? Find out where to ask other questions here!

wiki-bot · February 12, 2018, 11:36pm

Other FAQs

The following are links to additional questions that our community has asked about this exercise:

Do I need to repeat <li> every time? Is there a way to use a loop?
What happens if I directly add the <li> without adding the <ul>?
This FAQ is built and maintained by you, the Codecademy community – help yourself and other learners like you by contributing!

Not seeing your question? It may still have been asked before – try searching for it by clicking the spyglass icon () in the top-right of this page. Still can’t find it? Ask it below by hitting the reply button below this post ().

mtf · November 22, 2018, 4:04am

4 posts were split to a new topic: What happens if I directly add the li without adding the ul

stetim94 · January 1, 2020, 4:25pm

A post was split to a new topic: Rendering using a loop

andrewmilton38629583 · August 17, 2020, 2:36pm

Hello, I am having an issue here. I have entered the UL code exactly as it is in the example but when I press “Run” it says “no response received fro the web browser” and marks the task box with a red X instead of the green check. Could someone take a look at this and see what I have done wrong?

gist.github.com

https://gist.github.com/codecademydev/9ce4065b2795abd3465fb8c9f3423e30

index.html

<body>
  <h1>The Brown Bear</h1>
  <div id="introduction">
    <h2>About Brown Bears</h2>
    <p>The brown bear (<em>Ursus arctos</em>) is native to parts of northern Eurasia and North America. Its conservation status is currently <strong>Least Concern</strong>. <br><br> There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.</p>
    <h3>Species</h3>
<ul>
 <li>Arctos</li>
 <li>Collarus</li>
 <li>Horribilis</li>

This file has been truncated. show original

rasaqsodiq8010367037 · December 23, 2020, 9:57pm

do we always need to tag an unordered list with <li> no matter how much the list is?

mtf · December 23, 2020, 10:36pm

LI stands for List Item, and by definition a list will have multiple items, usually three or more. We denote them with the <li/> tag so the browser can render them as bullet points, or at the very least as separate related items that user agents can identify.

Let’s step back in time, before Web Standards came into vogue. It was common to see the following in scaled down markup,

<a href="#>Home</a> <a href="#">About</a> <a href="#">Contact</a>

which would render as,

Home About Contact

Then the early standards recommended at least one printable character between each link to set them apart from one another.

Home | About | Contact

or

Home • About • Contact

Once we had CSS, it was no major leap to implement unordered lists in navigation menus. That took all the guess work out for the user agent. New list item, new link. It also spelled the death knell for table based layouts.

shanecode9 · December 24, 2020, 1:02pm

If the browser itself gives you an error, try refreshing the page. Your code looks fine.

net0731660561 · September 10, 2023, 9:36am

The page tells you to make an unordered list tag and to not add anything to it yet. But, when I click run, after having added an unordered list with nothing added to it, it doesn’t let me continue on. I try doing the second step, even though I shouldn’t be able to after not having completed the first step, and it still doesn’t let me continue on. My code is the exact same as the “replace with solution”, but it doesn’t work! Literally the only way to continue on is to click the light bulb and use replace with solution. I had the same problem with the next part of the course (13/16) so I assume the rest of the course is like this.
Fix this!