loader image

BCSL504 Program 1

1. Develop the HTML page named as “Myfirstwebpage.html”. Add the following tags with relevant content. Set the title of the page as “My First Web Page” Within the body use the following tags:
a) Moving text = “Basic HTML Tags”
b) Different heading tags (h1 to h6)
c) Paragraph
d) Horizontal line
e) Line Break
f) Block Quote
g) Pre tag
h) Different Logical Style (, , etc..)

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

Leave a Reply

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