4. Class Test based on Lab 1, Lab 2, Lab 3.

Question 1. Create a webpage with lightgreen background and use the following tags

p
abbr
br
h1
address

Question 2. Create 5 shades of yellow and blue color respectively.

Details of the tags:

p: This tag is used to create a paragraph

abbr: This tag is used to create an abbreviation.

br: This tag is used to create a line break.

h1: This is an heading 1 tag.

address: This is an address tag used for syntactical marking of an address.

Code

                    
<!doctype html>
    <head>
        <title>CSU953 LAB 4 - CSE 2026</title>
    </head>
    <body style="background-color:lightgreen !important; padding:15px;" >
        
    <div class="row">
        <div class="col">
            <img src="https://shooliniuniversity.com/assets/images/f-logo.png" style="width:100px;
        height:50px;">
        </div>
        <div class="col" style="margin-left: -20%;">
            <h1 style="font-size: 50px;"> Class Test </h1>
        </div>
    </div&
        <div>
            <img src="https://shooliniuniversity.com/assets/images/f-logo.png" style="width=100px;height:50px;">
            <h1 style:"padding-left:10%"> Class Test </h1>
        </div>
        <h1> Question 1 </h1>
        <p>
            This is a paragraph with a <br />
            line break and an <abbr title="Used by abbr tag">abbreviation.</abbr>
            with an address of:
            
            <address>Shoolini Univeristy CL-3 LAB. <br /> </address>
            
            This lab is the test of knowledge based on 3 labs <br />
            <abbr title="that is">i.e.</abbr> Lab 1, Lab 2, Lab 3 and 5 lines of text.
            </p>
        
        <h1>Question 2</h1>
        <h4>Shades of Yellow</h4>
        <p style="background-color:hsl(59,50%,75%)">Yellow 1</p>
        <p style="background-color:hsl(59,100%,85%)">Yellow 2</p>
        <p style="background-color:hsl(59,100%,65%)">Yellow 3</p>
        <p style="background-color:hsl(59,80%,55%)">Yellow 4</p>
        <p style="background-color:hsl(59,100%,95%)">Yellow 5</p>
        
        <h4>Shades of Blue</h4>
        <p style="background-color:hsl(240, 80%, 50%)">Blue 1</p>
        <p style="background-color:hsl(240, 80%, 90%)">Blue 2</p>
        <p style="background-color:hsl(240, 80%, 70%)">Blue 3</p>
        <p style="background-color:hsl(240, 30%, 40%)">Blue 4</p>
        <p style="background-color:hsl(240, 19%, 50%)">Blue 5</p>
        
    </body>
</html>

Output

Class Test

Question 1

This is a paragraph with a
line break and an abbreviation.

with an address of Shoolini Univeristy CL-3 LAB.

This lab is the test of knowledge based on 3 labs
i.e.Lab 1, Lab 2, Lab 3 and 5 lines of text.

Question 2

Shades of Yellow

Yellow 1

Yellow 2

Yellow 3

Yellow 4

Yellow 5

Shades of Blue

Blue 1

Blue 2

Blue 3

Blue 4

Blue 5