Text Content Elements

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>HTML Elements Demo</title>
</head>
<body>
    <h1>Main Heading</h1>
    <p>This is a paragraph explaining the main topic of our content.</p>

    <h2>Subheading: Blockquote</h2>
    <blockquote cite="http://example.com/famous-quotes">
        This is a blockquote. It is used to indicate that the enclosed text is an extended quotation.
        <footer>— Someone Famous, <cite>Book Title</cite></footer>
    </blockquote>

    <h2>Subheading: Lists</h2>
    <h3>Ordered List</h3>
    <ol>
        <li>First item</li>
        <li>Second item</li>
        <li>Third item</li>
    </ol>

    <h3>Unordered List</h3>
    <ul>
        <li>Apple</li>
        <li>Banana</li>
        <li>Cherry</li>
    </ul>

    <h2>Subheading: Preformatted Text</h2>
    <pre>
function helloWorld() {
    console.log("Hello, world!");
}
helloWorld();
    </pre>

    <h2>Subheading: More Headings</h2>
    <h3>Third Level Heading</h3>
    <h4>Fourth Level Heading</h4>
    <h5>Fifth Level Heading</h5>
    <h6>Sixth Level Heading</h6>
</body>
</html>