HTML ( LIST , TABLE & FORMS )
LIST , COMMAND
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML LIST</title>
</head>
<body>
<ul>
<ul type="circle"> type , command =" circle" use for every line of the list
<li>Home</li>
<li>About</li>
<li>Services</li>
<li>Contacts</li>
</ul>
<oll>
<ol type="I"> if type="capital i " resulted romin counting display on every line
<li>Home</li>
<li>About</li>
<li>Services</li>
<li>Contacts</li>
</ol>
</body>
</html>
define list commands
<ul> </ul> start command for List
<ul type="circle"> type , command =" circle or squire or disk" use for every line of the list
<li> </li> command use for make list as , <li>Home</li>
TABLE , COMMAND
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>table</title>
</head>
<body>
<div>
<table>
<thead>
<caption>Max Score by different players in Cricket</caption>
<tr>
<th>s.no</th>
<th>player name</th>
<th colspan="2">max score</th>
<th>game</th>
</tr>
<tr>
<td>1</td>
<td>babar azam</td>
<td>120</td>
<td>cricket</dh>
</tr>
<tr>
<td>2</td>
<td>rizwan</td>
<td>101</td>
<td>cricket</dh>
</tr>
</thead>
<tbody>
<tr>
<td>3</td>
<td>asif ali</td>
<td>90</td>
<td>cricket</dh>
</tr>
</tbody>
</table>
</div>
</body>
</html>
FORM & VIDEO COMMAD
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form</title>
</head>
<body>
<div>
<h1>Trave form for our trip</h1>
<form action="form.php">
<input type="text" placeholder="Enter your name"><br>
<label for="sectionida">
<input type="radio" value="section a" name="section" id="sectionida"> section A
</label><br>
<label for="sectionidb">
<input type="radio" value="section b" name="section" id="sectionidb"> section B
</label><br>
<label for="sectionidc">
<input type="radio" value="section c" name="section" id="sectionidc"> section C
</label><br>
<label for="Foodcantine">want food cantine card</label><br>
<textarea name="explain" id="explain" cols="30" rows="10" placeholder="explain why you are join"></textarea><br>
<select name="Car" id="Car">
<option value="No Car">select your car</option>
<option value="omni">omni1</option>
<option value="omni">omni2</option>
<option value="Toyota">Toyota</option>
<option value="Honda">Honda</option>
</select>
</form>
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/Vi1c6pZv-Dw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br> -->
<!-- <iframe src="https://www.bing.com" frameborder="0" width="892px"></iframe> -->
<!-- <video src="mp3compress.mp4">control</video> -->
<video src="vid.mp4"></video>
</div>
Comments
Post a Comment