Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Text Markup | HTML Fundamentals
HTML Essentials
course content

Course Content

HTML Essentials

HTML Essentials

1. Understanding the Web and HTML
2. HTML Fundamentals
3. Images and Media
4. Tables and Forms
5. Advanced HTML

Text Markup

Now that we understand how to build the correct HTML structure, let's shift our focus to populating the body element with content to display on the webpage.

Headings

Headings are used to structure and organize content on a webpage. HTML provides six levels of headings, ranging from <h1> (most important) to <h6> (least important).

It is important to use each heading level appropriately to maintain clarity and consistency in the document's structure. Using higher-level headings excessively or skipping levels can lead to confusion and make it difficult for users and search engines to comprehend the organization of the content.
Example:

html

index

css

index

js

index

In the example above:

  • <h1> is used for the main heading of the page;
  • <h2> is used for subheadings, indicating a lower level of importance compared to <h1>;
  • <h3> is used for further subdivisions within a subsection.

Paragraphs

Paragraphs, denoted by the <p> tag, separate blocks of text into distinct paragraphs, providing visual and semantic clarity to the content.
Example:

html

index

css

index

js

index

In the example above:

  • Each <p> tag defines a separate paragraph block;
  • The browser automatically adds spacing between paragraphs to enhance readability and maintain visual consistency.

Video Tutorial

1. How many levels of headings does HTML provide?
2. Which tag is used to denote headings in HTML?
3. What is the recommended practice regarding the use of headings in HTML?
4. Which tag is used to define paragraphs?

How many levels of headings does HTML provide?

Select the correct answer

Which tag is used to denote headings in HTML?

Select the correct answer

What is the recommended practice regarding the use of headings in HTML?

Select the correct answer

Which tag is used to define paragraphs?

Select the correct answer

Everything was clear?

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