Lesson 2: Basics of HTML

The Skeleton of the Web

HTML (HyperText Markup Language) provides the structure of a webpage. It tells the web browser what the content is—like a heading, a paragraph, an image, or a link.

HTML Tags

HTML uses "tags" to wrap around content. Most tags come in pairs: an opening tag and a closing tag (which has a forward slash /).

<h1>This is a Heading</h1>
<p>This is a paragraph of text.</p>
<button>Click Me!</button>

<h1> makes the text very large and important.
<p> is for standard reading text.
<button> creates a clickable button on the screen.

Test Your Knowledge!

Challenge 1: Fix the Broken Tag

A student tried to code a heading that says "Go Eagles!", but they made a mistake and the code is broken. Can you spot what is wrong?

<h1>Go Eagles!</h2>

Click here to reveal the answer

The closing tag doesn't match! It should be:

<h1>Go Eagles!</h1>

Challenge 2: Build a Button

What HTML tags would you use to create a button on your website that says "Submit"?

Click here to reveal the answer

<button>Submit</button>