WebDev/2021_04_24_WebClass-1/4.html

<!DOCTYPE html>
<!-- Declaration represents document type.it appears at the top of page -->
<html lang="en">

<head>
    <title>Table and List demo</title>
</head>

<body>

        <h1>HTML TABLES</h1>

        <table border="1">
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
                <th>Column 3</th>
             </tr>
             <tr>
                <td>Row 1 Cell 1</td>
                <td>Row 1 Cell 2</td>
                <td>Row 1 Cell 3</td>
             </tr>
             <tr>
                <td>Row 2 Cell 1</td>
                <td>Row 2 Cell 2</td>
                <td>Row 2 Cell 3</td>
             </tr>
             <tr>
                <td>Row 3 Cell 1</td>
                <td>Row 3 Cell 2</td>
                <td>Row 3 Cell 3</td>
             </tr>
        </table>


        <h1>HTML LISTS</h1>

        <h3>Ordered List</h3>
        <ol>
            <li>Chapter One</li>
            <li>Chapter Two
              <ol>
                <li>Section One</li>
                <li>Section Two </li>
                <li>Section Three </li>
              </ol>
            </li>
            <li>Chapter Three</li>
          </ol>
        <h3>Unordered List</h3>
        <ul>
            <li>bread</li>
            <li>coffee beans</li>
            <li>milk</li>
            <li>butter</li>
        </ul>

        <h3>Description List</h3>
        <dl>
            <dt>Name</dt>
            <dd>Godzilla</dd>
            <dt>Born</dt>
            <dd>1952</dd>
            <dt>Birthplace</dt>
            <dd>Japan</dd>
            <dt>Color</dt>
            <dd>Green</dd>
        </dl>

</body>

</html>