HTML Formatting

HTML (HyperText Markup Language) is essential for creating webpages, and proper formatting significantly enhances the presentation of text. This guide outlines the fundamental formatting elements in HTML.

Key Concepts

• HTML Tags: Formatting in HTML is achieved through various tags, which are enclosed in angle brackets (< >).
• Opening and Closing Tags: Most HTML elements consist of an opening tag (e.g., <b>) and a closing tag (e.g., </b>). The closing tag features a forward slash.

Common Formatting Tags

Text Formatting Tags

• Bold Text
  • Tag: <b> or <strong>
• Italic Text
  • Tag: <i> or <em>
• Underlined Text
  • Tag: <u>
• Strikethrough Text
  • Tag: <s> or <del>

Example:

<s>This text is struck through.</s>
<del>This text is deleted.</del>

Example:

<u>This text is underlined.</u>

Example:

<i>This text is italic.</i>
<em>This is emphasized text.</em>

Example:

<b>This text is bold.</b>
<strong>This is also bold and important.</strong>

Headings

• Tag: <h1> to <h6> (where <h1> is the largest and <h6> is the smallest)

Example:

<h1>This is a heading 1</h1>
<h2>This is a heading 2</h2>

Paragraphs and Line Breaks

• Paragraphs
  • Tag: <p>
• Line Breaks
  • Tag: <br>

Example:

Line one.<br>Line two.

Example:

<p>This is a paragraph.</p>

Horizontal Rules

• Tag: <hr>

Example:

<hr>

Additional Notes

• Attributes: Some tags can have attributes that modify their behavior or appearance (e.g., style, class).
• Semantic HTML: Using tags like <strong> and <em> instead of just <b> and <i> is recommended for better accessibility and SEO.

Summary

Understanding and utilizing HTML formatting tags is crucial for structuring text on a webpage. By employing these tags, you can create visually appealing content that is easy to read and comprehend.