UNIT 1 • STAGE 1 OF 7
Build your first webpage step-by-step while learning about Indigenous peoples of Minnesota
Minnesota is the ancestral homeland of the Dakota people and the traditional territory of the Anishinaabe (Ojibwe) people. Today, 11 federally recognized Tribal nations call Minnesota home.
These nations are divided into two cultural groups:
Each Tribal nation is sovereign - meaning they have their own government, laws, and services, just like a state or country.
Every webpage starts with the same basic structure. Let's create the foundation of your page.
What does this mean?
<!DOCTYPE html> - The very first line of every webpage. It tells the browser "this file uses HTML5" so it knows exactly how to read and display what follows. Without it, the browser has to guess which version of HTML you're using and might display things incorrectly.<html> - The opening tag that wraps your entire webpage. Everything your visitors will ever see lives inside these two tags. Think of it as the cover of a book - it holds everything together.</html> - The closing tag. Notice the forward slash / - that's how you tell the browser "this element ends here." Every opening tag has a matching closing tag, like a pair of bookends.Every opening tag needs a closing tag! The closing tag has a forward slash: </html>. If you forget to close a tag, the browser will try to guess where it ends - and usually gets it wrong.
The <head> section contains information about your page that doesn't show on the page itself.
The <head> is the "backstage" of your webpage - it holds information the browser needs but visitors don't see directly. The <title> inside it sets the text that appears in your browser tab. It's also what shows up as the clickable headline when your page appears in Google search results - so it matters!
The <body> section contains everything that's visible on your webpage.
The <body> is where everything visitors see on your page lives - text, images, buttons, everything. If it's not in the body, it won't show up on screen.
<h1> stands for "heading level 1" - the largest, most important heading on the page. Every page should have exactly one <h1> because it tells both visitors and search engines what the whole page is about. Watch the preview panel → your heading should appear right away!
Let's add a section about the Dakota people.
Scott County
Goodhue County
Redwood County
Yellow Medicine County
<h2> is a section heading - one level below <h1>. Use it to label the main sections of your page, like chapters in a book. <p> stands for "paragraph" and wraps any block of regular text. The browser automatically adds a little space above and below each paragraph so text doesn't run together.
Now let's add the Anishinaabe communities.
Mahnomen, Becker, Clearwater
Beltrami, Clearwater, Lake of the Woods
Beltrami, Cass, Itasca, Hubbard
Carlton, St. Louis
St. Louis, Koochiching
Cook County
Mille Lacs, Aitkin
Now it's your turn to add more content. Try adding:
<h2> heading with a Tribal nation's name<p> paragraph with information about them<h3> heading (even smaller than h2)You just built your first webpage and learned about Minnesota's Tribal nations. In the next stage, we'll add lists and more structure!