HTML-Basics-Lab

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML-Basics-Lab</title>
</head>
<body>


<table>
    <thead>
        <tr>
            <th><h1>List exercise</h1></th>
            <th><h1>Table exercise</h1></th>
            <th><h1>Forms exercis</h1></th>
        </tr>

        <tbody>
            <tr>
                <td>
                    <p>
                        The list</span> contain at least two elements.The most common types are ordered and unordered lists.
                    </p>
                </td>
                <td>
                    <p>
                        <span>Tables</span>  is a structured set of data made up of rows and columns
                    </p>
                </td>
                <td>
                    <p>
                        An HTMLF<span>Torms</span> is made of one or more widgets. Those widgets can be fields(single line or multiline), select boxes,buttons,checkboxes,or radio buttons.
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <h2>Example</h2>
                </td>
                <td>
                    <h2>Example</h2>
                </td>
                <td>
                    <h2>Example</h2>
                </td>
            </tr>
            <tr>
                <td>
                    <ol>
                        <li>Apple</li>
                        <ul>
                            <li>Fruit</li>
                             <li>It's healthy</li>
                        </ul>

                        <li>Cucumber</li>
                        <ul>
                            <li>Vegetable</li>
                            <li>The perfect salad ingredient</li>
                        </ul>

                        <li>Bonster</li>
                        <ul>
                                <li>Energy drink</li>
                                <li>Contains coffe</li>
                        </ul>
                    </ol>

                </td>
                <td>
                    <table>
                        <thead>
                            <tr>
                                <th>Programing Language</th>
                                 <th>Developed by</th>
                                 <th>First appeared</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>C#</td>
                                <td>Microsoft</td>
                                <td>2000</td>
                            </tr>
                            <tr>
                                <td>Java</td>
                                <td>Oracle</td>
                                <td>1995</td>
                            </tr>
                            <tr>
                                <td>PHP</td>
                                <td>Zend Technologies</td>
                                <td>1995</td>
                            </tr>
                        </tbody>
                    </table>

                </td>
                <td>
                    <form>
                        <label>Username:
                            <input type="text">
                        </label> <br>
                        <label >Password:
                            <input type="password">
                        </label><br>
                        <label >Email:
                                <input type="email">
                        </label><br>
                        <label>Age:
                            <input type="radio">Under 20
                            <input type="radio">20 or mor
                        </label> <br>
                        <label>
                            <input type="submit">
                        </label>
                    </form>

                </td>
            </tr>
            <tr>
                <td>
                    <img src="../HTML DEMO/pic3.png" alt="pic list">
                </td>
                <td>
                    <img src="../HTML DEMO/pic2.png" alt="pic table">
                </td>
                <td>
                    <img src="../HTML DEMO/pic.png" alt="pic form">
                </td>
            </tr>
            <tr>
                <td> List icon link:
                    <a href="">HERE</a>
                </td>
                <td>Table icon link:
                    <a href="">HERE</a>
                </td>
                <td>Form icon link:
                    <a href="">HERE</a>
                </td>
            </tr>

        </tbody>
    </thead>
</table>


</body>
</html>