Tuesday, May 2, 2017

HTML

👸HTML coding example

    😇  <!DOCTYPE html>
         <html>
                  <head>
                        <title>Page Title</title>
                 </head>
          <body>

                         <h1>This is a Heading</h1>
                         <p>This is a paragraph.</p>

       </body>
  </html>.

   
😇   <body style="background-color:powderblue;">

😇 The language is declared with the lang attribute.
          <html lang="en-US">

😇    <img src="pic_mountain.jpg" alt="Mountain View" style="width:304px; height:228px;">

   table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}




 
💥 What are the tags use for create forms.......
         
       
The <form> tag is used to create an HTML form for user input.
The <form> element can contain one or more of the following form elements:
 
😇<input>                <form action="/action_page.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>
 
😇<textarea>
              
               <textarea rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea> 
 
 
😇<button>
              
            <button type="button">Click Me!</button>


😇<select>
             
         Create a drop-down list with four options:
               <select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>


 ðŸ˜‡ <option> 
 
           A drop-down list with four options:
       <select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
 
😇<optgroup> 
       
          Group related options with <optgroup> tags:
<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>
       

😇<fieldset>
 
           Group related elements in a form:
<form>
  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text"><br>
    Email: <input type="text"><br>
    Date of birth: <input type="text">
  </fieldset>
</form> 
 
😇<lable>

       Three radio buttons with labels:
<form action="/action_page.php">
  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>

No comments:

Post a Comment