<head>
<title>Rajnish Yadav</title>
</head>
<body bgcolor="Green">
<table border="10">
<tr>
<th rowspan="2">No.</th>
<th rowspan="2">Name</th>
<th colspan="2">Adress</th>
<th rowspan="2">qualification</th>
</tr>
<tr>
<th colspan="2">temporary </th>
<th colspan="2">permanent </th>
</tr>
<tr>
<td>1</td>
<td>Rajnish yadav</td>
<td>Janakpur </td>
<td>Nagarain 1</td>
<td>khd</td>
<td>DCOM</td>
<td>pass</td>
</tr>
<tr>
<td>2</td>
<td>RJ</td>
<td>73</td>
<td>20</td>
<td>78</td>
<td>18</td>
<td>pass</td>
</tr>
</table>
</body>
</html>
Output:-
<head>
<title>Table</title>
</head>
<body bgcolor="yellow">
<table border="20">
<tr>
<th rowspan="2">Particular</th>
<th colspan="2">2017</th>
<th colspan="2">2018</th>
</tr>
<tr>
<th colspan>cost prize</th>
<th colspan>selling prize</th>
<th colspan>cost prize</th>
<th colspan>selling prize</th>
</tr>
<tr>
<td>Television</td>
<td>30000</td>
<td>32000</td>
<td>25000</td>
<td>26000</td>
</tr>
<tr>
<td>Microwave oven</td>
<td>20000</td>
<td>22000</td>
<td>10000</td>
<td>11000</td>
</tr>
<tr>
<td>Mobile</td>
<td>20000</td>
<td>23000</td>
<td>30000</td>
<td>33000</td>
</tr>
</table>
<body> </html> output:-
3.Html Code For Table
<head>
<title>Rajnish Yadav</title>
</head>
<body bgcolor="Green">
<table border="10">
<tr>
<th rowspan="2">No.</th>
<th rowspan="2">Name</th>
<th colspan="2">Adress</th>
<th rowspan="2">qualification</th>
</tr>
<tr>
<th colspan="2">temporary </th>
<th colspan="2">permanent </th>
</tr>
<tr>
<td>1</td>
<td>Rajnish yadav</td>
<td>Janakpur </td>
<td>Nagarain 1</td>
<td>khd</td>
<td>DCOM</td>
<td>pass</td>
</tr>
<tr>
<td>2</td>
<td>RJ</td>
<td>73</td>
<td>20</td>
<td>78</td>
<td>18</td>
<td>pass</td>
</tr>
</table>
</body>
</html>
Output:-
 |
<head>
<title>Form</title>
</head>
<center><h5>indivisual-login</h5></center>
<form bg-color:red>
<label>First Name:</label>
<input type="" placeholder="Your Name"><br>
<label>Last Name:</label>
<input type="" placeholder="Surname"><br>
<label>Gender</label>
<select>
<option>Male</option>
<option>>Female</option>
<option>Other</option>
</select><br>
<label>Address:</label>
<input type="">
<br>
<label>State</label>
<input type="" placeholder="Province no.3">
<select>
<option></option>
<option></option>
</select><br>
<label>District</label>
<input type="" placeholder="Kathmandu">
<select>
<option></option>
<option></option>
</select><br>
<label>Street Name:</label>
<input type=""><br>
<label>Interested Subject:</label>
<select>
<option>c</option>
<option>c**</option>
<option>java</option>
<option>htnl</option>
</select><br>
<label>Favourite Sport</label>
<select>
<option>Cricket</option>
<option>Football</option>
<option>Volleyball</option>
</select><br>
<label>Email ID</label>
<input type="" placeholder="example.com"><br>
<label>Password</label>
<input type="" placeholder=""><br>
<label>Comment</label>
<input type=""><br>
<bottom>Submit</bottom>
<bottom>Reset</bottom>
</form>
</html> output :-
<head>
<title>Form2</title>
</head>
<body bgcolor="green">
<form>
<h3>please fillup the form carefully</h3>
<label>First Name:</label>
<input type=""><br>
<label>Last Name:</label>
<input type=""><br>
<label>Address:</label>
<input type=""><br>
<label>Date Of Birth:</label>
<input type=""><br>
<label>E-mail:</label>
<input type=""><br>
<label>Password:</label>
<input type=""><br>
<label>Gender</label>
<input type="checkbox " name=""> female
<input type="radio" name="">male<br>
<label>Choose your favourite car</label>
<input type="" placeholder="Farari(car of the year)">
<select>
<option></option>
</select>
<label>Comment</label>
<input type="" placeholder="your comment"><br>
<input type="button" value="submit" name="">
<input placeholder="reset">
</form>
</body>
</html>
Output:-
6.Html code for order list
<head>
<title>unrder list</title>
<head>
<ul type="square">
<li>IT</li>
<li>HM</li>
<li>Civil</li>
<li>Electrical</li>
</ul>
</html>
output:-
7.Html list for order list
<head>
<title>order list</title>
<head>
<ol type="square">
<li>IT</li>
<li>HM</li>
<li>Civil</li>
<li>Electrical</li>
</ol>
</html>
Output:- 
%20(1).png)
1 Comments
Good post for beginner
ReplyDeleteif you have any doubts...please let me know..