html notes

HTML TUTORIAL

html Notes

=>small project based on html(Only using table no CSS)

  • create three page website where three menu available- Home | About | Contact
  • Write some paragraph in Home Page
  • Say about yourself on About page
  • in Contact page write down your address and mobile number and email id (only simple text)

Design The following Page

source code are following…

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .ad{
            font-size: 22px;
    </style>
</head>

<body>
    <table border="1" cellpadding="10">
        <tr>
            <td><img src="#"></td>

            <td>
                <table border="0" cellpadding="10" style="background-color: khaki;">
                    <tr>
                        <th colspan="2" style="background-color: bisque;" class="ad">Admission Enquiry</th>
                    </tr>
                    <tr>
                        <td><input type="text" placeholder="Enter First Name"></td>
                        <td> <input type="text" placeholder="Enter Second Name"> </td>
                    </tr>
                    <tr>
                        <td><input type="email" placeholder="Email Address"></td>
                        <td><input type="number" placeholder="Mobile numbe"> </td>
                    </tr>
                    <tr>
                        <td> <select name="country">
                                <option>Select Country</option>
                                <option>India</option>
                                <option>USA</option>
                                <option>Other</option>
                            </select>
                        </td>
                        <td> <select name="city">
                                <option>Select Country</option>
                                <option>Kakdwip</option>
                                <option>Patharpratima</option>
                                <option>Namkhana</option>
                                <option>Sagar</option>
                                <option>kolkata</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><input type="date" name="date" placeholder="Enter date"></td>
                        <td>Male:<input type="radio" name="male">&nbsp; Female:<input type="radio" name="female"></td>
                    </tr>
                    <tr>
                        <td><input type="button" value="Submit"></td>
                    </tr>
                </table>

            </td>

        </tr>

    </table>
</body>

</html>