HTML Basics

Every website you love is just labeled boxes.

▶ the lesson · ~35s · narrated · tap for sound

the intro

HTML gives every page its skeleton. Tags are labeled boxes for content — headings, paragraphs, links, images — and the browser knows what each one means. Learn twenty tags well and you can structure any page on the internet.

the sample

a whole page skeleton

<h1>My page</h1>
<p>Talks about <a href="/stuff">stuff</a>.</p>
<ul>
  <li>one thing</li>
  <li>another</li>
</ul>
<img src="cat.jpg" alt="a cat">

fun fact ✦

There are over 110 HTML elements — but you will use about 20 of them every single day.

the docs

quick hits about HTML Basics

15-second answers · interviews, tips, trivia & hidden gems

🎤 interview

Why do interviewers love semantic HTML?

📚 tutorial

How do you collect user input?

🔧 useful

One attribute for accessibility AND SEO?

💎 deep

A native accordion with zero JavaScript?

💎 deep

Attach custom data to elements?

🧠 trivia

What version of HTML are we on?