UNIT 1 • STAGE 6 OF 7 • SOUTH DAKOTA

Making Your Content Stand Out

Use emphasis, dividers, and polish to complete your page

UNIT
STEP 1

Four Elements That Add Polish

Your page is looking great! In this stage we'll add four small but powerful HTML elements that make content clearer, more readable, and more meaningful.

<strong>
Bold, important text
<em>
Italic, emphasized text
<hr>

<br>
Adds a line break inside a paragraph
STEP 2

<strong> — Bold Important Text

The <strong> tag bolds text AND signals to screen readers that this content is especially important. It adds meaning, not just appearance — a screen reader will actually emphasize the word when it reads it.

👉 Find your Lakota Nations <p> and update it: <p>There are <strong>6 Lakota communities</strong> across South Dakota.</p>
👉 Find your Dakota/Nakota <p> and update it: <p>There are <strong>3 Dakota and Nakota communities</strong> in eastern South Dakota.</p>

🌐 Accessibility Note

<strong> is better than just making text bold with CSS because screen readers will announce it as "important" — making your page more accessible.

STEP 3

<em> — Italic Emphasis

The <em> tag (emphasis) italicizes text. Use it for words you'd stress if speaking aloud — like terms in another language.

👉 Find your language paragraph and update it: <p><em>Lakotiyapi</em> — the Lakota/Dakota language — is actively being revitalized across all nine SD Tribal nations today.</p>
👉 Also try wrapping "Lakota" and "Oceti Sakowin" in <em> on their first use: <p>The <em>Lakota</em> are the westernmost division of the <em>Oceti Sakowin</em>...</p>

Native language words and cultural terms deserve emphasis — they carry meaning that English translations can miss.

STEP 4

<hr> — Horizontal Rule (Divider)

The <hr> tag draws a horizontal line across the page. It's a self-closing tag — meaning it has no closing tag. You write just <hr> and the browser does the rest.

👉 Add an <hr> between your Lakota and Dakota/Nakota sections: </ul>

<hr>

<h2>Dakota and Nakota Nations</h2>
👉 Also add one before your Quick Facts section: <hr>
<h2>Quick Facts</h2>
STEP 5

<br> — Line Break

The <br> tag creates a line break inside a paragraph. Use it sparingly — it's best for short labeled lines.

👉 Add this before your Quick Facts <ol>: <p>South Dakota is home to:
<br>
6 Lakota nations in the west<br>
3 Dakota and Nakota nations in the east</p>
STEP 6

Review & Challenge

Look at your full page in the preview. Make sure you have:

  • At least two uses of <strong> for key terms
  • At least one use of <em> for a Native language word or cultural term
  • At least one <hr> divider between sections
  • At least two clickable <a> links to Tribal nation sites

Challenge: Add your name to the page with a small author credit:

👉 Add this at the very bottom inside <body>: <hr>
<p><em>Page created by: Your Name Here</em></p>

🌟 Stage 6 Complete!

Your page is almost done! In the final stage we'll add a meta description, write HTML comments, and celebrate what you've built.

Code Editor
Live Preview