HTML Fundamentals
Goals
- Explain the purpose of HTML
- Read through an HTML file and anticipate what the browser will render
So what is HTML?
HTML (HyperText Markup Language) is the code that gives a web page both its structure and content. Any images, text, or buttons that appear on the page can also be found in the HTML.
HTML Elements
HTML consists of a series of elements, which wrap the content in both an opening and closing tag. There are four main parts to any element.
- The opening tag, which consists of the name of the element wrapped in angle brackets.
- The closing tag, which also has the name of the element, but also includes a forward slash before the element name.
- The content, which in the example below, this is the text.
- The element, which is the opening tag, the content, and the closing tag altogether.
<h3>New Vocabulary Words</h3>
<ul>
<li>Element</li>
<li>Tag</li>
<li>Angle bracket</li>
</ul>
Try It: Exploring to Learn
Fork this replit to begin.
- Make one observation about the code. (The `h1` element has the content of "Kittens")
- Ask one question about the code. (What is happening on line X?)
Modify the Content
At this point, your web page is still about baby kittens. Modify the content of your HTML elements, so that your web page is about a topic of your choice!