Unit 1 · Stage 2

Building Your List of Nations

Your page already names the Sioux, Dakota, MHA, and Anishinaabe nations. Now you will organize them into lists so they are easy to read. Play in the editor, or press 👀 Type it with me for a guide. (pause on a highlighted word to see what it does)

1 What you built already

Your page has a main heading, a section for the Sioux and Dakota nations, and a section for the MHA Nation and Anishinaabe. This stage adds lists so the names line up neatly.

💡 Lists are one of the most common things on the web. Menus, search results, and shopping carts are all built with lists.

2 Two kinds of lists

HTML has two lists. A <ul> makes bullet points, and an <ol> makes numbered points. Each item inside either one is an <li>.

What this code means

<ul> ... </ul>: An unordered list. The browser adds a bullet before each item. Use it when order does not matter, like a list of nations where none is "first."
<ol> ... </ol>: An ordered list. The browser adds the numbers 1, 2, 3 for you. Use it for steps, rankings, or facts in a sequence.
<li> ... </li>: One list item. Every bullet or number is its own <li> inside the list.

🎮 Try it: in the editor, add a <ul> with two <li> items anywhere in the body, then press ▶ Run to see the bullets appear.

🤔 Quick check before you go on

Which tag starts a bulleted list? Type it, then press Submit to unlock the next steps.

3 List the three Sioux and Dakota nations

Under the Sioux and Dakota paragraph, add a bullet list of the three Sioux and Dakota nations. A <ul> fits here because no nation is ranked above another.

Spirit Lake NationRamsey, Benson & Nelson Counties

Standing Rock Sioux TribeSioux & Morton Counties

Sisseton Wahpeton OyateLake Traverse Reservation, SE ND

🎮 Try it: after the Sioux and Dakota <p>, add a <ul> with an <li> for each of the three nations. Press Run.

4 List the two MHA Nation and Anishinaabe nations

Do the same under the MHA Nation and Anishinaabe paragraph: a bullet list of the two nations.

Three Affiliated Tribes (MHA Nation)Fort Berthold Reservation, Western ND

Turtle Mountain Band of ChippewaRolette County

🎮 Try it: after the MHA Nation and Anishinaabe <p>, add a <ul> with an <li> for each of the two nations. Press Run.

5 A numbered list of quick facts

Now use an ordered list for a few facts, where the numbers help. Add a new <h2> called Quick Facts, then an <ol>.

Why ol here

<ol> vs <ul>: Use <ol> when the order or count matters, like a numbered set of facts. Use <ul> when the items are equal, like the nations. Picking the right one also helps screen readers describe your page.

🎮 Try it: at the bottom of the body, add <h2>Quick Facts</h2> and an <ol> with a few <li> facts. Press Run.

6 Make it your own

Add one more <li> of your own: a fact you know about North Dakota Tribes, or the name of a nation you want to learn more about.

<li>I want to learn more about the Turtle Mountain Band of Chippewa.</li>

✓ Finish this stage

To complete Stage 2, your page needs bullet lists for both groups of nations and a numbered Quick Facts list. Press Check my work when you are ready. This opens Stage 3 and lets your teacher see that you finished.

YOUR CODE

PREVIEW