zeek7.html

 

<!DOCTYPE html>

<!-- In this page we learned to form ordered and unordered lists as well as tables -->
<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>Lists and Tables </title>
</head>

<body>

    <h1>ELEMENTS OF UNORDRED AND ORDERED LISTS</h1>

    <!-- Unordered lists means ul is list with same bulletins decided by type which 
can be disc,circle and square -->

    <ul type="square">
        <li>This is my first element of unordered list. </li>
        <li>This is my second element of unordered list. </li>
        <li>This is my third element of unordered list. </li>
    </ul>

    <!-- Onordered lists means ul is list with  bulletins are numbers or alphabets
 decided by type which can be 1,a,A,I,i  -->

    <ol type="i">
        <li>This is my first element of ordered list. </li>
        <li>This is my second element of ordered list. </li>
        <li>This is my third element of ordered list. </li>
    </ol>

    <h1>TABLE</h1>
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Employee Roll No</th>
                <th>Position</th>
                <th>Phone No</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Zeeshan Khan</td>
                <td>46040870</td>
                <td>Senior Analyst</td>
                <td>7017756457</td>
            </tr>
            <tr>
                <td>Surajmal Kumar</td>
                <td>46040890</td>
                <td>Junior Analyst</td>
                <td>7017732157</td>
            </tr>

        </tbody>
    </table>

</body>

</html>

Comments

Popular posts from this blog

INDEX OF ZEEK HTML,CSS and JS