HTML BLOG LAB · 01
Build a blog page with HTML.
HTML gives every idea a home. Today we will turn a blog idea into a clear, welcoming page — one meaningful element at a time.
Everyone can contribute: sketch, talk, type, point, ask a question, or pair up.
+
IDEAS
A page is a conversation with a reader.
STEP 1 · STRUCTURE
Start with the skeleton.
HTML tags describe the job of each part. A semantic skeleton helps browsers, screen readers, and classmates understand your page.
<!DOCTYPE html>
<html>
<body>
<header>
<h1>Field Notes</h1>
<nav>About · Archive</nav>
</header>
<main>
<article>
<h2>What makes a good page?</h2>
</article>
</main>
</body>
</html>STEP 2 · CONTENT
Give the page a voice.
Tags hold content, but people bring the point of view. Add a title, a useful link, and an image with words that tell the story.
A SHARED JOURNAL
What does a good
web page feel like?
A collection of small observations, from our studio to yours.
STEP 3 · CARE & ACCESS
Make room for everyone.
Good HTML is not only about looking right. It gives more people a fair chance to read, understand, and join the conversation.