Go Back
HTML Fundamentals
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.
Goals
- Explain the purpose of HTML
- Read through an HTML file and anticipate what the browser will render
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!
HTML Summary
- Elements that live inside of the
body
tags will be displayed on the page. - We can nest elements inside of other elements to create structure within the HTML.
- The number of elements and the content inside of the elements in the HTML file usually have a 1-to-1 correlation with what we see in the browser.