HTML Elements

Tags, content, nesting and empty elements.

Video tutorialTrack course · freeCodeCamp

HTML Full Course for Beginners

Speed

0.75x1x1.25x1.5x2x

Skip intro Next lesson

Watch 00:00 · 1 checkpoints Watch on YouTube More on this topic

Transcript & captions .txt

6/6

1. 00:00HTML Elements. Tags, content, nesting and empty elements.
2. 00:05An element is written with a start tag, some content, and an end tag: <p>content</p>.
3. 00:11Elements can be nested inside each other, but they must be closed in the reverse order they were opened.
4. 00:18Code example (html): <div>…
5. 00:23Some elements are empty — they have no content and no closing tag, like <br>, <hr>, <img> and <input>.
6. 00:30Try it yourself — edit the sample and run it in the browser.

An element is written with a start tag, some content, and an end tag: <p>content</p>. Elements can be nested inside each other, but they must be closed in the reverse order they were opened.

<div>
  <h2>Title</h2>
  <p>Some <strong>bold</strong> text.</p>
</div>

Some elements are empty — they have no content and no closing tag, like <br>, <hr>, <img> and <input>.