A Whole Page
Combine everything into one real page.
1<div>
2 <h1>Tony's Pizza Palace</h1>
3 <p>The <strong>best</strong> pizza in town.</p>
4 <h2>Menu</h2>
5 <ul>
6 <li>Margherita</li>
7 <li>Pepperoni</li>
8 </ul>
9 <button>Book a table</button>
10</div>
Every line, explained
<div>- One box around the whole page: everything you've learned, working together.
<h1>Tony's Pizza Palace</h1>- The main heading (lesson 1).
<p>The <strong>best</strong> pizza in town.</p>- A paragraph with bold inside it (lessons 2 and 4). Only the word wrapped in <strong> goes bold; the rest of the sentence stays normal.
<h2>Menu</h2>- A section heading (lesson 3).
<ul>- A bulleted list (lesson 5)...
<li>Margherita</li>- ...with an item...
<li>Pepperoni</li>- ...and another.
</ul>- </ul> closes the bulleted list. Everything between <ul> and </ul> is part of the list.
<button>Book a table</button>- A button (lesson 8), ready and waiting for the day you wire it up in the Build a Website course. You have built a complete little web page from nothing but tags: that is HTML!
</div>- </div> closes the box. Everything between <div> and </div> travels together.