UNIT 1 • STAGE 5 OF 7 • NORTH DAKOTA

Connecting Your Page to the World

Learn HTML attributes and the anchor tag to create clickable links

UNIT
STEP 1

What Are HTML Attributes?

HTML elements can have attributes — extra information you add inside the opening tag to tell it how to behave.

<tagname attribute="value">

Attributes give elements their specific instructions — without them, a tag can only do its default behavior.

STEP 2

The Anchor Tag: Creating Links

The <a> tag creates a clickable link. Its most important attribute is href — "where this link goes."

<a href="https://example.com">Click here</a>
Tag name Attribute Value (the URL) Link text
STEP 3

Add a Link to a Tribal Nation

Let's link to the MHA Nation's official website. Find your "About the MHA Nation" section and add a link.

👉 Add this after your MHA Nation "Today" paragraph: <p>Learn more: <a href="https://www.mhanation.com">MHA Nation — Three Affiliated Tribes</a></p>

🎯 Important: Respectful Linking

Always link to official Tribal websites — not third-party sources — to respect their digital sovereignty. The nations themselves control how they present their story online.

STEP 4

Open Links in a New Tab

When linking to external websites, open the link in a new tab so visitors don't leave your page.

👉 Update your link to include target="_blank": <a href="https://www.mhanation.com" target="_blank">MHA Nation — Three Affiliated Tribes</a>
STEP 5

Add Links for All Four Nations

Here are official URLs for all four ND Tribal nations. Add all four links to your page.

👉 Pattern to follow for each link: <p>Visit: <a href="URL_HERE" target="_blank">Nation Name</a></p>
STEP 6

Digital Citizenship: Linking Responsibly

As a web developer, every link you create is a choice about whose voice you amplify. When building websites about Indigenous communities:

  • Link to official Tribal nation websites, not Wikipedia or news sites
  • Let the nations speak for themselves
  • Check that links still work before publishing
  • Don't link to content that could misrepresent or stereotype

🌟 Stage 5 Complete!

You've learned HTML attributes and the anchor tag. In Stage 6, we'll polish your page with emphasis tags and visual dividers!

Code Editor
Live Preview