HTML Text Formatting tags

Text formatting tags in HTML are used to change the appearance of text on a webpage. They help emphasize content, making it easier for users to read and understand.

HTML Text Formatting Tags Syntax

Explanation of Syntax:

: Makes the text bold but doesn’t indicate importance.
: Italicizes the text without implying emphasis.
: Underlines the text.
<s>: Displays text with a strikethrough.
: Indicates that the text is of strong importance (typically bold).
: Indicates that the text is emphasized (typically italicized).

<!-- Bold text -->
<b>This is bold text</b>

<!-- Italic text -->
<i>This is italic text</i>

<!-- Underlined text -->
<u>This is underlined text</u>

<!-- Strikethrough text -->
<s>This text is strikethrough</s>

<!-- Important text -->
<strong>This text is important</strong>

<!-- Emphasized text -->
<em>This text is emphasized</em>

HTML
​x
 
<!-- Bold text --><b>This is bold text</b>​<!-- Italic text --><i>This is italic text</i>​<!-- Underlined text --><u>This is underlined text</u>​<!-- Strikethrough text --><s>This text is strikethrough</s>​<!-- Important text --><strong>This text is important</strong>​<!-- Emphasized text --><em>This text is emphasized</em>

HTML Text Formatting Tags Example Code

Explanation of Code:

Bold (This is bold text): This tag makes the text appear bolder. It’s often used for emphasis but doesn’t convey any importance.
Italic (This is italic text): This tag italicizes the text, which can be useful for titles or foreign words.
Underline (This is underlined text): This tag adds an underline to the text, often used for links but can also be applied for stylistic purposes.
Strikethrough (<s>This text is strikethrough</s>): This tag shows text with a line through it, which can indicate that something is no longer applicable or relevant.
Strong Importance (This text is important): This tag indicates that the text is of strong importance and is displayed in bold.
Emphasis (This text is emphasized): This tag indicates that the text should be emphasized, typically displayed in italics.

<!DOCTYPE html>
<html>
<head>
    <title>Text Formatting Tags Example</title>
</head>
<body>
    <h1>Text Formatting Tags in HTML</h1>
    
    <p>This is a normal paragraph.</p>
    
    <p><b>This text is bold.</b></p>
    
    <p><i>This text is italicized.</i></p>
    
    <p><u>This text is underlined.</u></p>
    
    <p><s>This text has a strikethrough.</s></p>
    
    <p><strong>This text is important.</strong></p>
    
    <p><em>This text is emphasized.</em></p>
</body>
</html>

HTML
 
<!DOCTYPE html><html><head>    <title>Text Formatting Tags Example</title></head><body>    <h1>Text Formatting Tags in HTML</h1>        <p>This is a normal paragraph.</p>        <p><b>This text is bold.</b></p>        <p><i>This text is italicized.</i></p>        <p><u>This text is underlined.</u></p>        <p><s>This text has a strikethrough.</s></p>        <p><strong>This text is important.</strong></p>        <p><em>This text is emphasized.</em></p></body></html>

HTML Text Formatting Tags Syntax

HTML Text Formatting Tags Example Code

HTML Labs