Creating of Table - CSU953 - CSE 2026 - Shoolini University

5. Creation of table using its respective tags.

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

  1. p
  2. abbr
  3. br
  4. h1
  5. 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>
        
    <div class="row">
        <div class="col">
            <img src="https://shooliniuniversity.com/assets/images/logo.png" style="width:100px; height:50px;">
        </div>
        <div class="col" style="margin-left: -20%;">
            <h1 style="font-size: 50px;">Table</h1>
        </div>
    </div>

    <table class="table table-striped table-hover align-middle caption-top text-center">
        <caption>Table briefing about different ministries of India:</caption>
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">First Name</th>
                <th scope="col">Last Name</th>
                <th scope="col">Role</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">1</th>
                <td>Shri Narendra</td>
                <td>Modi</td>
                <td>Prime Minister of India</td>
            </tr>
            <tr>
                <th scope="row">2</th>
                <td colspan="2">Smt. Draupadi Murmu</td>
                <td>President of India</td>
            </tr>
            <tr>
                <th scope="row">3</th>
                <td colspan="2">Justice Sharad Arvind Bobde</td>
                <td>Chief Justice of India</td>
            </tr>
            <tr>
                <th scope="row">4</th>
                <td>Shri Rajnath</td>
                <td>Singh</td>
                <td>Defence Minister of India</td>
            </tr>
            <tr>
                <th scope="row">5</th>
                <td>Smt. Nirmala</td>
                <td>Sitharaman</td>
                <td>Finance Minister of India</td>
            </tr>
            <tr>
                <th scope="row">6</th>
                <td rowspan="2">Ministry of Commerce and Industry</td>
                <td rowspan="2">Looks After</td>
                <td>Department of Commerce</td>
            </tr>
            <tr>
                <th scope="row">7</th>
                <td>and the Department for Promotion of Industry & Internal Trade</td>
            </tr>
        </tbody>
    </table>
    </body>
</html>
                    
                

Output

Table

Table briefing about different ministries of India:
# First Name Last Name Role
1 Shri Narendra Modi Prime Minister of India
2 Smt. Draupadi Murmu President of India
3 Justice Sharad Arvind Bobde Chief Justice of India
4 Shri Rajnath Singh Defence Minister of India
5 Smt. Nirmala Sitharaman Finance Minister of India
6 Ministry of Commerce and Indutry Looks After Department of Commerce
7 and the Department for Promotion of Industry & Internal Trade