web开发中比较常用的html标签_html/css_WEB-ITnose-HTML Tutorial-php.cn

web开发中比较常用的html标签_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:27:03

Original

1026 people have browsed it

作为一名web开发人员，总结了一下经常用到的html标签，如下：<br /><html>	<head>				<!--meta头标签   表示页面三秒后跳转到新浪页面-->		<meta charset="utf-8" http-equiv="refresh" content="3;url=http://www.sina.com"/>		<title></title>	</head>	<body>		<!--dl标签演示-->		<dl>			<dt>上层项目</dt>			<dd>下层项目</dd>			<dd>下层项目</dd>			<dd>下层项目</dd>			<dd>下层项目</dd>			<dd>下层项目</dd>			<dd>下层项目</dd>		</dl><br />示例：

Copy after login

<!--ol标签演示-->		<ol type="i" start="3">			<li>abcdefghijklmnopqrstuvwxyz</li>			<li>abcdefghijklmnopqrstuvwxyz</li>			<li>abcdefghijklmnopqrstuvwxyz</li>			<li>abcdefghijklmnopqrstuvwxyz</li>			<li>abcdefghijklmnopqrstuvwxyz</li>		</ol><br />				<!--ul标签演示-->		<ul type="square" >			<li>abcdefghijklmnopqrstuvwxyz</li>			<li>abcdefghijklmnopqrstuvwxyz</li>			<li>abcdefghijklmnopqrstuvwxyz</li>			<li>abcdefghijklmnopqrstuvwxyz</li>			<li>abcdefghijklmnopqrstuvwxyz</li>		</ul>				<!--img标签演示-->		<img src="img/42.jpg" alt="光标移动到图片上的说明文字"    style="max-width:90%"  style="max-width:90%"/>				<!--table标签演示-->		<table border="1" cellspacing="0" cellpadding="10" width="70%">			<caption>表格标题</caption>			<tr>				<th>单元格一</th>                             <!--                             	<th>是综合标签 居中加粗                             -->				<th>单元格二</th>			</tr>			<tr>				<td align="center"><b>单元格三</b></td>				<td>单元格四</td>			</tr>			<!--合并单元格演示-->			<tr>				<td colspan="2">adqw</td>				<!--<td>asda</td>-->			</tr>			<tr>				<td rowspan="2">asdsa</td>				<td>asfd</td>			</tr>			<tr>				<!--<td>asfd</td>-->				<td>asdd</td>			</tr>		</table>		<hr />		<!--        	form表单标签演示        -->        <fieldset><!--区域框-->        	<legend>注册区域</legend>        <form action="#" method="post">        	<label accesskey="U" for="userid">用户名(U)：</label>        	<input type="text" name="user" id="userid"/><br />        	密码:<input type="password" name="pass" /><br />        	性别:<input type="radio" name="sex" value="man" />男        		<input type="radio" name="sex" value="woman" />女<br />        	特长:<input type="checkbox" name="tech" value="java" />java        		<input type="checkbox" name="tech" value="html" />html        		<input type="checkbox" name="tech" value="javaweb" />web<br />        	上传文件:<input type="file"  /><br />        	<select name="country">        		<option value="none">--请选择一个国家--</option>        		<option value="cn">中国</option>        		<option value="usa">美国</option>        		<option value="en">英国</option>        	</select><br />        	<input type="submit" value="提交" />        	<input type="reset" value="重置" />        	<input type="image" src="img/42.jpg" height="200" width="300"/>        	<!--type="image"这个属性可以替代submit属性-->        </form>        </fieldset>

Copy after login

<!--表格的另一种展示-->        <table border="1">			<thead>				<tr>					<th>Month</th>					<th>Savings</th>				</tr>			</thead>			<tfoot>				<tr>					<td>Sum</td>					<td>$180</td>				</tr>			</tfoot>			<tbody>				<tr>					<td>January</td>					<td>$100</td>				</tr>				<tr>					<td>February</td>					<td>$80</td>				</tr>			</tbody>		</table>

Copy after login

</body> </html>

Copy after login

　　附加说明：form表单提交的method有两种形式 get和post，区别在于：

在服务器端的区别是：