Unit 1 · Stage 7

Your Complete Website

Your website is finished, and it looks great. In this final stage you will add two professional finishing touches, the meta description and HTML comments, then do a digital citizenship review and celebrate completing Unit 1. Play in the editor, or press 👀 Type it with me for a guide. (pause on a highlighted word to see what it does)

1 Look how far you have come

Your code editor holds everything you built across all 7 stages: the page structure, the headings, both groups of nations, the About sections, the links, and the Quick Facts. Scroll through the preview and take a moment to appreciate what you made.

💡 In this final stage you will add two professional finishing touches, the meta description and HTML comments, then do a digital citizenship review before you finish Unit 1.

2 Add a meta description

The <meta> tag lives in the <head> and gives search engines a short description of your page. It does not show on the page itself. It is the summary people read under your title in search results, so it tells them your page is about Native nations before they even click.

What this code means

<meta name="description" content="...">: A short summary of your page that lives in the <head>. It does not show on the page. Search engines like Google show it under your title.
name="description": Tells the browser this meta tag is a description. There are other kinds of meta tags too.
content="...": Where you write the actual sentence people will read in the search results.

🎮 Try it: in the editor, click right after the <title> line inside the <head>, then add

<meta name="description" content="A webpage about Minnesota's 11 sovereign Tribal nations, the Dakota and Anishinaabe people who have called this land home for thousands of years.">

and press ▶ Run.

🤔 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 Write HTML comments

Comments are notes you write inside your code that do not show up on the page. They help you and other developers understand what different parts of the code do. Add a comment above each major section to label it.

What this code means

: An HTML comment. Everything between  is invisible to visitors and does not show on the page. It only appears in the code.
Why use them: Developers leave comments as notes for themselves, to explain a section to teammates, or to label the major parts of a page so it is easy to find things later.

🎮 Try it: just above the <h2>Dakota Nations</h2> line, add , and just above <h2>Anishinaabe Nations</h2> add . Press Run, and notice the comments do not appear on the page.

4 Digital Citizenship Check

Before you finish, review your page with these questions:

Are all Tribal nation names spelled correctly?
Are all links going to official Tribal nation websites?
Is the information accurate and respectful?
Did you represent each nation fairly, not as a museum piece, but as living, present-day communities?
Would someone from a Dakota or Anishinaabe community feel respected reading your page?

Building websites about other people's communities is a responsibility. The way you structure, title, and link your content shapes how others see those communities. You just practiced being a responsible web developer.

5 Skills you earned in Unit 1

Look at everything you can now build with HTML:

<!DOCTYPE html>
<html>, <head>, and <body>
<title>
<meta>
<h1> to <h6>
<p>
<ul>, <ol>, and <li>
Nested lists
<a href>
target="_blank"
<strong> and <em>
<hr> and <br>
Comments 
HTML attributes

6 Save your work

This page is yours. Press the download button (the ⬇ in the preview bar) to save your finished website as a file on your computer. That is a real webpage you built, and you can open it any time or share it with your family.

✓ Finish this stage

Your website is almost done. To complete Stage 7, your page needs a meta description in the head. Press Check my work when you are ready. This opens the Final Quiz, the last step of Unit 1.

YOUR CODE

PREVIEW