Unit 1 · Stage 5

Connecting Your Page to the World

Your page names North Dakota's Tribal Nations and tells their stories. Now you will connect it to the wider web with links, so visitors can go straight to each nation's own official website. 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 are HTML attributes?

So far your tags, like <h1> and <ul>, have done one job each. An attribute is extra information you place inside the opening tag to tell it how to behave. Attributes always follow the pattern attribute="value".

What this code means

<tag attribute="value">: The attribute lives inside the opening tag, after the tag name. It has a name, an equals sign, and a value wrapped in quotation marks.
attribute: The name of the setting you want to change, like href for a link or src for an image.
"value": The setting itself, always inside quotation marks. For a link, the value is the web address you want to open.

💡 You have already met one attribute: lang="en" up in the <html> tag tells browsers the page is in English.

2 The anchor tag

The <a> tag, short for anchor, makes a clickable link. Its most important attribute is href, short for Hypertext Reference, which means "where this link goes."

What this code means

<a> ... </a>: The anchor element. Whatever text you place between the opening and closing tags becomes the blue, clickable link.
href="https://example.com": The address the link points to. When someone clicks, the browser opens this web page.
Click here: The link text people actually see and click. Choose clear words, like the name of a nation, instead of "click here."

🤔 Quick check before you go on

Which tag makes a clickable link? Type it, then press Submit to unlock the next steps.

3 Add a link to a Tribal Nation

Each nation has its own official website. Find your "About the Sioux and Dakota Nations" section and, right after the Today paragraph, add a link to the Standing Rock Sioux Tribe.

🎯 Respectful linking

When you link to a Tribal Nation, send people to that nation's official website, not a third-party source like Wikipedia or a news site. This respects each nation's digital sovereignty and lets them speak for themselves.

✍️ Put this on the line right after the Sioux and Dakota "Today" paragraph. Use the example below, then press ▶ Run and click the link in the preview.

<p>Learn more: <a href="https://www.standingrock.org">Standing Rock Sioux Tribe</a></p>

4 Open the link in a new tab

When you link to another website, it is polite to open it in a new tab so visitors do not leave your page. You do this with the target attribute set to "_blank".

What this code means

target="_blank": Tells the browser to open the link in a brand new tab instead of navigating away from your page.
The underscore in _blank: Part of the required spelling. It signals a fresh, unnamed tab rather than a named frame. Without target, the click replaces your page entirely.

✍️ Add target="_blank" inside your Standing Rock <a> tag, right after the href. Use the example below, then press ▶ Run.

<a href="https://www.standingrock.org" target="_blank">Standing Rock Sioux Tribe</a>

5 Add links for more nations

Here are official web addresses for North Dakota's Tribal Nations. Add at least one more link under the MHA Nation section, and add others if you like. Follow the same pattern each time: <p>Learn more: <a href="URL" target="_blank">Nation Name</a></p>.

Standing Rock Sioux Tribestandingrock.org

Spirit Lake Nationspiritlakenation.com

Sisseton Wahpeton Oyateswo-nsn.gov

MHA Nation (Three Affiliated Tribes)mhanation.com

Turtle Mountain Band of Chippewatmbci.net

✍️ Put this right after the MHA Nation "Today" paragraph. Use the example below (or pick another nation from the list), then press ▶ Run.

<p>Learn more: <a href="https://www.mhanation.com" target="_blank">MHA Nation (Three Affiliated Tribes)</a></p>

6 Digital citizenship: link responsibly

Every link you create is a choice about whose voice you amplify. When building pages about Indigenous communities, keep these in mind.

Link to official Tribal Nation websites, not Wikipedia or news sites.
Let each nation speak for itself.
Check that your links still work before you publish.
Do not link to content that could misrepresent or stereotype a nation.

🌟 Linking to official sources is a way of showing respect in code. The web connects people, and you decide where those connections lead.

7 Make it your own

Add one more official link under either the Sioux and Dakota section or the MHA Nation section. Pick a nation from the list above and point href at its official website.

<p>Learn more: <a href="https://www.spiritlakenation.com" target="_blank">Spirit Lake Nation</a></p>

✓ Finish this stage

To complete Stage 5, your page needs at least two links to official Tribal Nation websites. Press Check my work when you are ready. This opens Stage 6 and lets your teacher see that you finished.

YOUR CODE

PREVIEW