Course Content
HTML Essentials
HTML Essentials
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:
index.html
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:
index.html
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?
Thanks for your feedback!