Comments and neat nesting

Comments

• A comment is a note for you, not for the reader.
• The browser ignores it — it never shows on the page.
• Write it like this: <!-- this is a comment -->.

<!-- The header goes here -->
<h1>Welcome</h1>
<!-- TODO: add a photo below -->

Tags go inside tags

• HTML tags nest: one pair can sit inside another.
• A <div> is a plain box you can put other things in.
• Indent the inside tags a little, so the nesting is easy to read.

<div>
  <h2>My card</h2>
  <p>Some text inside the box.</p>
</div>

Common mistakes

• Tags must nest, not overlap: <b><i>x</i></b>, never <b><i>x</b></i>.
• A comment is <!-- ... --> and is ignored by the browser.

Now you try

• Comments help you stay organised; nesting builds structure.
• Leave a comment, then nest a paragraph inside a <div>.