Inline Text Elements Demo

by REPLY2SAGAR

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inline Text Elements Example</title>
</head>
<body>
    <h1>HTML Inline Text Elements Demonstration</h1>

    <p>
        This is a <span style="color: blue;">span element</span> used to style parts of a text without conveying any special importance or meaning.
    </p>

    <p>
        When you want to indicate <strong>strong importance</strong>, use the strong element.
    </p>

    <p>
        Text can be <em>emphasized</em> using the em element, which generally italicizes text to show emphasis.
    </p>

    <p>
        This is how you use <b>bold formatting</b> with the b element, which is stylistically different from <strong>strong importance</strong>.
    </p>

    <p>
        Italics can be applied with the <i>italic element</i>, typically used to indicate a technical term, a phrase from another language, a thought, or a ship name, etc.
    </p>

    <p>
        This text is <u>underlined</u> using the u element, which should be used sparingly as underlining can imply a hyperlink.
    </p>

    <p>
        <mark>Marked text</mark> indicates text highlighted for reference or notation purposes.
    </p>

    <p>
        This is an example of <del>deleted text</del> which is useful in documents where tracking changes is required.
    </p>

    <p>
        Conversely, this is an example of <ins>inserted text</ins> to show additions to a document.
    </p>
</body>
</html>