Coding for All
Lesson 3: Headings Big and Small
Headings Big and Small Use different heading sizes to organise a page.
1<h1>The Pizza Report</h1>
2<h2>Cheese News</h2>
3<p>Cheese remains extremely popular.</p>
4<h2>Topping News</h2>
5<p>Pineapple is still causing arguments.</p>
Terminal
Every line, explained
<h1>The Pizza Report</h1>
h1 is the page's main title. A page should normally have just one.
<h2>Cheese News</h2>
h2 is a section heading: a size smaller. Headings go from <h1> (biggest) down to <h6> (smallest).
<p>Cheese remains extremely popular.</p>
<p> marks a paragraph: a block of ordinary text. The browser puts a little space between paragraphs, like this course does between these explanations.
<h2>Topping News</h2>
Another h2: same level, so the reader knows a new section of equal importance is starting. Headings give a page its skeleton.
<p>Pineapple is still causing arguments.</p>
<p> marks a paragraph: a block of ordinary text. The browser puts a little space between paragraphs, like this course does between these explanations.