Practical 1 - CSU953 - CSE 2026 - Shoolini University

Create a basic HTML file by using following tags: title, h1, p, image, a, div.

title: This gives the name of the page in the tab of the browser.

heading: This is a heading tag used to create headings. There is 6 types of it namely h1, h2, h3, h4, h5, h6. We have to use h1 tag which will give the biggest text required fro the heading.

p: This is a paragraph tag used to create paragraph.

image: The img tag is used to attach image to the html file.

a: Anchor tag is used to link a url with its href attribute.

div: The div tag defines a section inside which some content can be written seperately.

Following is the hierchy required for the tags:
  1. title is declared in the head of the html
  2. heading is declared inside the body
  3. p is declared inside the body
  4. div is declared inside the body and it gives a structure to the html
  5. image can be defined anywhere inside the body
  6. a tag can be declared anywhere where-ever linking is required inside the body.

Code

                    
<!doctype html>
<html lang="en">
<head>
        <title>Practical 1 - CSU953 - CSE 2026</title>
</head>
<body>
    <div>
        <div class="row">
            <div class="col">
                <a href="https://shooliniuniversity.com"><img src="https://shooliniuniversity.com/assets/images/logo.png" style="width:100px; height:50px;"></a>
            </div>
            <div class="col" style="margin-left: -20%;">
                <h1 style="font-size: 50px;">Table</h1>
            </div>
        </div>
        <hr>
        <h1>H1 tag</h1>
        <p>H1 tag is the first of the header series tags. H1 makes the text largest of them all.</p>
    </div>
</body>
</html>

Output

Practical 1

H1 tag

H1 tag is the first of the header series tags. H1 makes the text largest of them all.