BCSL504 Program 1

PROGRAM:

<!DOCTYPE html>

<head>
    <title>My First Web Page | vtucode</title>
</head>

<body>
    <!-- Moving text -->
    <marquee>Welcome to vtucode</marquee>

    <!-- Different heading tags -->
    <h1>This is an H1 heading</h1>
    <h2>This is an H2 heading</h2>
    <h3>This is an H3 heading</h3>
    <h4>This is an H4 heading</h4>
    <h5>This is an H5 heading</h5>
    <h6>This is an H6 heading</h6>

    <!-- Paragraph -->
    <p>This is a paragraph demonstrating the use of the paragraph tag in HTML.</p>

    <!-- Horizontal line -->
    <hr>

    <!-- Line break -->
    <p>This is a line of text before the break.<br>This is a line of text after the break.</p>

    <!-- Block Quote -->
    <blockquote>
        This is a blockquote. It is used to display a quotation or excerpt from another source.
    </blockquote>

    <!-- Pre tag -->
    <pre>
This is preformatted text.
It preserves spaces and line breaks.
    </pre>

    <!-- Different Logical Style tags -->
    <p>This is <b>bold</b> text.</p>
    <p>This is <i>italicized</i> text.</p>
    <p>This is <u>underlined</u> text.</p>
    <p>This is <sup>superscript</sup> text.</p>
    <p>This is <sub>subscript</sub> text.</p>
    <p>This is <em>emphasized</em> text.</p>
    <p>This is <strong>strong</strong> text.</p>
    <p>This is <mark>highlighted</mark> text.</p>
    <p>This is <small>small</small> text.</p>
    <p>This is <del>deleted</del> text.</p>
    <p>This is <ins>inserted</ins> text.</p>
    <p>This is <code>inline code</code> text.</p>
</body>

</html>

OUTPUT:

BCSL504 program 1 output

One thought on “BCSL504 Program 1

Leave a Reply

Your email address will not be published. Required fields are marked *