Format and Text

Format And Text Style Tags

Font Tag Attributes

The  tag in HTML has several attributes that can be used to specify the font properties. Here are some of the most commonly used font tag attributes:

Size: Specifies the font size, ranging from 1 to 7, with 3 being the default.
Color: Specifies the font color, using a hexadecimal code or a color name.
Face: Specifies the font family, such as Arial, Times New Roman, or Courier.
Style: Specifies the font style, such as italic, bold, or underline.

Example: Text

Types of HTML Tags for Text Formatting

HTML has various types of format and style text tags that can be used to display text in different styles. Some of the most common ones are:

- Paragraph: Used for paragraphs of text.
- Underline: Used to underline text.
- Italic: Used to italicize text.
- Emphasis: It emphasizes text (new standard for italic).
- Bold: Used to make text bold.
- Strong: Used to make text strong (new standard for bold).
<s> - Strike: ~~Used to strike through text.~~ </s>
- Mark: Used to highlight text.
<del> - Delete: ~~Used to show deleted text.~~ </del>
- Small: Used to make text smaller.
- Subscript: _{Used for subscripts (e.g., H₂O).}
- Superscript: ^{Used for superscripts (e.g., x²).}

----------- Exercise ---------

        <html> 

        <head>

        <title>Text Formatting Example</title>

        </head> 

        <body> 

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

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

        <i>This is Italic text.</i> 

        <em>This is Emphasized text.</em> 

        <b>This is Bold text.</b> 

        <s>This is Strikethrough text.</s> 

        <mark>This is Highlighted text.</mark> 

        <del>This is Deleted text.</del> 

        <small>This is Smaller text.</small> 

        <sub>This is Subscript text: H<sub>2</sub>O</sub>

        <sup>This is Superscript text: x<sup>2</sup></sup>

        </body> 

        </html>

Inline vs Block-level Elements

HTML elements can be categorized into inline and block-level elements:

Inline elements: These elements do not start on a new line and only take up as much width as necessary. Examples: , , 
Block-level elements: These elements start on a new line and take up the full width available. Examples: , <div>, <h1>