Wednesday, November 27, 2019

HTML TAGS


Video tag:
<embed width="500" height="500" src="1.mp4">

Anchor tag:
<a href="1.doc"> Open file to click</a>
<a href="www.google.com">google</a>
                                                                    
Font tag:
<font color="red" size="25" face="Arial">My website font tag</font>

Image tag:
<img src="1.jpg">

Table tag:

<table border=”1”>
<tr><td>1</td><td>delhi</td></tr>
<tr><td>2</td><td>jaipur</td></tr>
</table>

Input type:
<input type="text" name="firstname">

Example:
<html>
<body>
<h2>Text Input</h2>
<form>
  First name:<br>
  <input type="text" name="firstname">
  <br>
  Last name:<br>
  <input type="text" name="lastname">
</form>
</body>
</html>

Radio Button:

<html>
<body>

<h2>Radio Buttons</h2>

<form>
  <input type="radio" name="gender" value="male" checked> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="radio" name="gender" value="other"> Other 
</form>

</body>
</html>


Drop down list:

<html>
<body>

<h2>The select Element</h2>
<p>The select element defines a drop-down list:</p>

<form action="/action_page.php">
  <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
  </select>
  <br><br>
  <input type="submit">
</form>
</body>
</html>

Input password:
<input type="password" name="psw">

Input checkbox:
<input type="checkbox" name="vehicle1" value="Bike">

Button :
<input type="button"  value="Click Me!">
<input type="button" onclick="alert('Hello World!')" value="Click Me!">
Number:
<input type="number" name="quantity" min="1" max="5">

Date:
<input type="date" name="bday">

Range:
<input type="range" name="points" min="0" max="10">
  <input type="submit">
Unordered HTML List
<ul>
  
<li>Coffee</li>
  
<li>Tea</li>
  
<li>Milk</li>
</ul>

Ordered HTML List

<ol>
  
<li>Coffee</li>
  
<li>Tea</li>
  
<li>Milk</li>
</ol>