Stage 2: Building Your List of Nations

STEP 1

Review: What You Built in Stage 1

In Stage 1, you built the foundation of your HTML page — a page with <h1>, two <h2> headings, and <p> paragraphs about North Dakota's Tribal nations.

In this stage, we'll make it even better by adding lists to organize all 4 Tribal nations.

💡 Did You Know?

Lists are one of the most common HTML elements on the web — menus, navigation, search results, and shopping carts are all built with lists!

STEP 2

Two Kinds of Lists

HTML has two main types of lists:

Unordered list <ul> - creates bullet points. Use this when the items could be listed in any order.
Ordered list <ol> - creates numbered items automatically. Use this when the sequence matters.

Both types use <li> (list item) for each entry. The <li> tags always go inside the <ul> or <ol>.

🔠 List Structure

Think of <ul> or <ol> as a container, and each <li> as one item inside that container. The browser automatically adds bullet points or numbers — you don't have to type them yourself!

STEP 3

List the Sioux and Dakota Nations

Let's add a <ul> under your Sioux and Dakota <h2>.

Spirit Lake Nation

Ramsey, Benson & Nelson Counties

Standing Rock Sioux Tribe

Sioux & Morton Counties

👉 Add this AFTER your Sioux/Dakota <p> tag: <ul>
<li>Spirit Lake Nation</li>
<li>Standing Rock Sioux Tribe</li>
</ul>

Watch the preview → two bullet points should appear under your Sioux and Dakota heading. We're using <ul> here because both nations are equally important — there's no ranking or sequence.

STEP 4

List the MHA Nation and Anishinaabe

Now do the same for the other two ND Tribal nations.

Three Affiliated Tribes (MHA Nation)

Fort Berthold Reservation, Western ND

Turtle Mountain Band of Chippewa

Rolette County

👉 Add this AFTER your MHA/Anishinaabe <p> tag: <ul>
<li>Three Affiliated Tribes (MHA Nation)</li>
<li>Turtle Mountain Band of Chippewa Indians</li>
</ul>

STEP 5

Use an Ordered List for Quick Facts

Use <ol> when the order matters. Let's add a quick-fact section with a numbered list.

👉 Add this AFTER your second </ul> tag: <h2>Quick Facts</h2>
<ol>
  <li>North Dakota has 4 federally recognized Tribal nations.</li>
  <li>ND nations represent Sioux, MHA, and Anishinaabe peoples.</li>
  <li>The MHA Nation includes Mandan, Hidatsa, and Arikara peoples.</li>
  <li>Each nation is sovereign - they have their own government.</li>
</ol>

🎯 ul vs. ol — When to Use Each

Use <ul> for things where order doesn't matter — like a list of nations. Use <ol> for steps, rankings, or facts where sequence is meaningful.

STEP 6

Make It Your Own!

Try adding your own list item. You could add:

A fifth quick fact you know about ND Tribes
A <li> with the name of a Tribal nation you'd like to learn more about
A new <ul> with questions you have about the nations

🌟 Stage 2 Complete!

You've learned <ul>, <ol>, and <li>. In Stage 3, we'll nest lists inside other lists!