W3Schools, a reputable web development learning platform, offers a comprehensive range of tutorials and references for HTML. Among these, HTML formatting tags are crucial for structuring and presenting content on a web page. They enable you to create headings, paragraphs, lists, and tables, among other elements, enhancing the readability and organization of your web content.
Let's delve into some of the most commonly used HTML formatting tags, categorized into sections for better understanding.
Heading Tags (h1 to h6)
HTML heading tags are used to define headings and subheadings in your content. They are also instrumental in SEO, as search engines often use them to understand the structure and hierarchy of your content. '
The six heading levels, from highest to lowest, are denoted by the tags <h1> to <h6>. Use them accordingly to reflect the importance and hierarchy of your headings.
Heading Level Usage
<h1> and <h2> tags should be used sparingly, as they indicate major sections and sub-sections respectively. <h3> to <h6> tags are used as third to sixth level headings, each successive level representing a lesser degree of importance.
For example, in a blog post, you might structure your content like this:
Title (One <h1> tag) |
Subheadings (One or more <h2> tags) |
Sub-subheadings or paragraphs (Multiple <h3> to <h6> tags) |
Paragraphs and Text Formatting
HTML provides several tags for formatting text within paragraphs. These include tags for bold, italic, underlined, and more.
Basic Text Formatting
The <b> and <strong> tags are used for bold text, while <i> and <em> are used for italic or emphasized text. The <u> tag underlines text, and <mark> highlights it.
Here's how you might use these tags:
<p>This is a normal paragraph of text.</p><p>This text is<b>bold</b>, and this is<i>italic</i>.
<p>This text is <u>underlined</u>, and this is <mark>highlighted</mark>.
Lists
HTML offers two types of lists: ordered and unordered. Ordered lists are numbered, while unordered lists use bullets. The <ol> tag defines an ordered list, and the <ul> tag defines an unordered list. List items are defined with the <li> tag.
Here's an example of both:
- Item 1
- Item 2
- Item 1
- Item 2
Finally, use tables for data that needs to be presented in rows and columns. The <table> tag defines a table, the <tr> tag defines a row, the <th> tag defines a table header, and the <td> tag defines a table cell.
That's a comprehensive overview of HTML formatting tags. Now, go ahead and enhance your web content's presentation and readability with these powerful tools. Explore the W3Schools HTML Tutorial for more in-depth learning and practical examples.