Apply Today to our Front End or Back End Programs & check out our scholarships!

HTML Fundamentals

Back to Curriculum Index

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.

  1. The opening tag, which consists of the name of the element wrapped in angle brackets.
  2. The closing tag, which also has the name of the element, but also includes a forward slash before the element name.
  3. The content, which in the example below, this is the text.
  4. 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.

  1. Make one observation about the code. (The `h1` element has the content of "Kittens")
  2. 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!


Next: Intro to CSS