HTML-Full-Course/Lecture 06.html at main · ZA5starCoder/HTML-Full-Course · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!-- Welcome to our Lecture 07 -->
<!-- In this Lecture we will discuse about Lists And Table -->
<!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>Tables And Lists</title>
</head>

<body>
    <!-- There Are two Types of Lists  -->
    <!-- 1- Ordered List   2-Unordered List -->
    <!-- First we will explain order lists  -->
    <!-- Type is used for formating {a,b,c } , Romman etc-->
    <!-- You can also check Attributes of UL & OL  -->
    <ol type="I">
        <li>This is My First Ordered List</li>
        <li>This is My Second Ordered List</li>
        <li>This is My Third Ordered List</li>
        <!-- You can use undered list in ordered list  -->
        <ul>
            <li>One way</li>
            <li>Two Way</li>
        </ul>
    </ol>
    <!-- Know second we will see unorderd list -->
    <ul>
        <li>This is my First Unordered list</li>
        <li>This is my Second Unordered list</li>
        <li>This is my Third Unordered list</li>
        <!-- And also You can use odered list in unrdered list  -->
        <ol>
            <li>One Way</li>
            <li>Two Way</li>
        </ol>
    </ul>

    <!-- Tables in HTML-->
    <h2>HTML Table</h2>
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Employee ID</th>
                <th>Employee Role</th>
            </tr>

        </thead>
        <tbody>
            <tr>
                <td>Zulfiqar</td>
                <td>12345</td>
                <td>Programmer</td>
            </tr>
            <tr>
                <td>Syed</td>
                <td>232424</td>
                <td>Web Developer</td>
            </tr>
            <tr>
                <td>ZA5star</td>
                <td>5645545</td>
                <td>Andriod Developer</td>
            </tr>
        </tbody>
    </table>
</body>

</html>