Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Anatomy of an HTML Document | Basics Introduction
Introduction to HTML
course content

Course Content

Introduction to HTML

Introduction to HTML

1. Basics Introduction
2. Basic Elements
3. Metadata and the Head Element
4. Advanced Text Formatting Elements
5. Advanced Concepts

bookAnatomy of an HTML Document

HTML is a Markup Language derived from another one called XML. XML has some standards required to be followed, and since HTML is a subset of it, there are also some standard practices for writing an HTML document. Here is a template of an HTML document:

html

index

css

index

js

index

copy
  1. <!DOCTYPE html>at the start of the document, we had to specify which version of HTML the browser should adhere to for parsing this document and validating everything.

  2. <html lang = 'en-us'> provides metadata on what language we will use in this document.

  3. <head> encapsulates the content you want to be part of the HTML document, but most of it shouldn't be displayed to the user.

  4. <meta charset="utf-8"> any data not meant for that element that must be included on the page must be put in this element mostly as an attribute.

  5. <title> sets the page title on the browser tab.

  6. <body> contains all the content of the page, which is to be displayed on the web page.

1. What does the `<title>` element do?
2. Select all the elements that can be included in the body:
What does the `<title>` element do?

What does the <title> element do?

Select the correct answer

Select all the elements that can be included in the body:

Select all the elements that can be included in the body:

Select a few correct answers

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 1. Chapter 5
We're sorry to hear that something went wrong. What happened?
some-alt