First Blog Related To HTML

 My First Blog is a HTML code I used/learned today.

So Here it is,

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tutorial</title>
</head>
    <!-- In this I learned about class, id, entities, form -->
<body>
    <h2>This is HTML form tutorial</h2>
    <form action="backend.php"> <!-- To send form info to backend-->
        <div><br>
           <label for="Name"> Name: </label><input type="text" name="My Name" id="Name"> <!-- Used for label a text or option-->
        </div><br>
        <div>
           <label for="Class"> Class: </label><input type="number" name="My Class" id="Class">
        </div><br>
        <div>
           <label for="Roll"> Roll No: </label><input type="number" name="My Roll No." id="Roll">
        </div><br>
        <div>
            DOB: <input type="date" name="DOB">
        </div><br>
        <div>
            <label for="Eligiblity"> Are you Eligible? </label><input type="checkbox" name="My Eligiblity"
                id="Eligiblity">
        </div><br>
        <div>
            Gender: Male <input type="radio" name="Gender"> FeMale <input type="radio" name="Gender"> Other <input
                type="radio" name="Gender">
        </div><br>
        <div>
            <label for="Car">Car </label>
            <select name="My Car" id="Car"> <!-- For Selection Option -->
                <option value="Choose One" selected>Choose One</option>
                <option value="Indica">Indica</option>
                <option value="Swift">Swift</option>
                <option value="BMW">BMW</option>
                <option value="Rolls Royes">Rolls Royes</option>
                <option value="Maruti">Maruti</option>
                <option value="Tata Magic">Tata Magic</option>
                <option value="Scorpio">Scorpio</option>
            </select>
        <div><br>
            <!-- For a writing area -->
           <label for="Bio"> Write about yourself: </label><br><br><textarea name="My Bio" cols="90" rows="10" id="Bio"></textarea>
        </div>
        <div><br>
            <input type="submit" value="Submit Now"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
            <input type="reset" value="Reset Now">
        </div><br>
        <!-- These are some HTML Entities -->
        
         &nbsp; <!-- Used for Space-->
         &lt;p&gt; <!-- Used for greater than or small than symbols-->
         &pound; <!-- Used for pound-->
         &copy;  <!-- For Copyright symbol-->
         &comp; <!-- Used for C -->
         &acute; <!-- Used for ' -->
         &lt;p&gt;

    </form>
</body>

</html>

Comments

Post a Comment