Web-Development-Practises/TableExample1.html at master · Bibekdhkl/Web-Development-Practises · 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
<!-- This document consist only HTML5 whereas many of them can be replaced by CSS-->
<!DOCTYPE html>
<html>

<head>
    <title>Table</title>
</head>

<body>
    <!--border and cellspacing is not a html5 property whereas we can use them through css
    cellspacing means gap between two successive cells-->
    <table border="2" cellspacing="0">
        <!--
            tr stands for table row
            th stands for table heading and is aligned at center
            td stands for table data and is aligned at left
        -->
        <tr>
            <th>S.N</th>
            <th>Country</th>
            <th>Flag</th>
        </tr>
        <tr>
            <td>1</td>
            <td><a href="https://en.wikipedia.org/wiki/Nepal">Nepal</a></td>
            <td><img src="https://upload.wikimedia.org/wikipedia/commons/9/9b/Flag_of_Nepal.svg" height="100"
                    width="100"></td>
        </tr>
        <tr>
            <td>2</td>
            <td><a href="https://en.wikipedia.org/wiki/China">China</a></td>
            <td><img src="https://upload.wikimedia.org/wikipedia/commons/f/fa/Flag_of_the_People%27s_Republic_of_China.svg"
                    height="100" width="100"></td>
        </tr>
    </table>
</body>

</html>