Basic-Html--CSS/html4.html at master · Omkar-royal/Basic-Html--CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Assignment 4</title>
</head>
<body>
    <center>
        <h2><u>Table in html</u></h2>
        <p>Animal Kingdom in India</p>
    </center>

    <table border="1" >
        <thead style="background-color: red;">
            <tr>
                <th>Image</th>
                <th>Name</th>
                <th>Description</th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td><img src="lion.jpg" alt="lion" height="180" width="250"></td>
                <th>Lion</th>
                <td>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sed voluptas voluptatem et ipsam ullam possimus quos vel, eaque obcaecati, quas dicta maiores ipsa minus inventore asperiores quo neque labore sunt.</td>
            </tr>

            <tr>
                <td><img src="tiger.jpg" alt="tiger" height="180" width="250"></td>
                <th>Tiger</th>
                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae inventore maxime odit accusantium culpa at quo maiores, libero, quas ullam earum exercitationem debitis ut saepe, voluptatum vel nemo iure quis!</td>
            </tr>

            <tr>
                <td><img src="rhino.jpg" alt="rhino" height="180" width="250"></td>
                <th>Rhino</th>
                <td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit, ea incidunt? Sint quasi nostrum nisi ipsa corporis totam libero sit, eos odit? Ipsam obcaecati ullam non, quasi esse voluptatem aspernatur.</td>
            </tr>
        </tbody>

    </table>
</body>
</html>