Relentless Feather Unit 1 ยท Tribal Nations Stage 2 of 7

Unit 1 ยท Stage 2

Building Your List of Nations

Your page already names the Dakota 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 Dakota nations, and a section for the Anishinaabe nations. 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

How many Tribal nations call Minnesota home? Type your answer, then press Submit to unlock the next steps.

3 List the four Dakota nations

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

Shakopee Mdewakanton Sioux CommunityScott County
Prairie Island Indian CommunityGoodhue County
Lower Sioux Indian CommunityRedwood County
Upper Sioux CommunityYellow Medicine County
๐ŸŽฎ Try it: after the Dakota <p>, add a <ul> with an <li> for each of the four Dakota communities. Press Run.

4 List the seven Anishinaabe nations

Do the same under the Anishinaabe paragraph: a bullet list of the seven Anishinaabe communities.

White Earth NationNorthwestern MN
Red Lake NationNorthern MN
Leech Lake Band of OjibweNorth-central MN
Fond du Lac Band of Lake Superior ChippewaNortheastern MN
Bois Forte BandNortheastern MN
Grand Portage Band of Lake Superior ChippewaCook County
Mille Lacs Band of OjibweCentral MN
๐ŸŽฎ Try it: after the Anishinaabe <p>, add a <ul> with an <li> for each of the seven Anishinaabe communities. 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 Minnesota Tribes, or the name of a nation you want to learn more about.

โœ“ 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
Code Glossary
๐ŸŽฏ Your goal for this stage