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
index
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:
index
index
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
Everything was clear?