2 دورة تصميم الويب

2 دورة تصميم الويب 

 <!DOCTYPE html>
<html>
<head>
	<title>website</title>
</head>
<body>

<br>
<p>-------forms-------------- </p>
<br>
<form action=""  method="">
	<input type="text" name="name" autofocus value="name" placeholder="name" required=""><br>
<input type="password" name="">
<br>
<input type="email" name="" >
<br>
<input type="color" name="">
<input type="radio" name="">
<input type="checkbox" name="">
<input type="date" name="">
<br>
<input type="month" name="">
<br>
<input type="week" name="">
</form>

<br>
<p>-------table ---------------</p>
<br>

<table  border="1px" bgcolor="yellow" >
	<tr bgcolor="green">
		<th colspan="2">
item
		</th>
		<th>price</th>
	</tr>
<thead>
	
</thead>
<tbody>
	<tr>
		<td>1</td>
		<td bgcolor="gray">food</td>
<td>25$</td>
	</tr>
<tr>
	<td>2</td>
	<td>sss</td>
	<td>50$</td>
</tr>

</tbody>

<tfoot>
	
	<tr><td>.</td>
		<td>total</td>
		<td>75$</td>
	</tr>


</tfoot>

</table>

<br>
<p>-------description list ------------</p>
<br>
<dl>
	<dt>red</dt>
	<dd>red is a color</dd>

	<dt>
		green
	</dt>
<dd>green is another color</dd>

</dl>



<br>
<p>------- list -----------</p>
<br>

<ol>
<li>home</li>
<li>contact</li>
<li>about us</li>
</ol>

<ul>
	<li>home</li>
<li>contact</li>
<li>about us</li>

</ul>

</body>
</html>

البحث

منشورات شائعة

التصنيفات