HTML常用标签总结

HTML 的常用标签总结

<font size="字体大小1-7" color="red或0xff00ff" face="字体类型(楷体等)"><b粗体><i斜体>字体</i></b></font>

<p>段落</p>

<br/>换行

<hr>水平线</hr>

<div>区分</div>

<h1></h1>--<h6></h6>标题

<a href="(Http://)url">超链接</a>

<ol><li></li><li></li><ol>有序列表

<ul><li></li><li></li><ul>无序列表

<img src="路径" width=宽度(100px或P) height=同上 hspace=图片左右空白区域大小 vspace=上下border=边框 align="位置" alt="说明文字" lowsrc="网速慢先显示图片路径">

<form action="表单提交信息存储位置" method="POST或GET post不在地址栏显示操作代码，并可操作1k以上数据，推荐使用post"> </form>

<form>

<input type="Text文本框" name="age定义变量" value="20设置文本框初始内容" align="MIDDLE位置"size="2长度" maxlength="255输入文字上线">

<input type="Radio小圆点" name="gender变量名，同一变量名间只能单选" value="female值"align="MIDDLE位置" checked 默认选中>

<input type="Checkbox复选框" name="idol同一变量可以多选" value="Leon" align="RIGHT" checked>

<input type="Password密码框" name="pw" value="999" align="MIDDLE" size="5"maxlength="9">同Text相同，不同的是其中数据以*显示。

<input type="Submit确认提交按钮" name="other_funtion一般不需要写变量名" value="确定按钮上显示的内容" align="MIDDLE">

<input type="Reset重置" value="清除" align="MIDDLE">

<input type="Image图片按钮" name="submit所要替代的按钮Submit或Reset" align="BOTTOM"src="ex_icon.gif">

<input type="File选择文件(浏览...)" name="upload名称，用于识别" align="BOTTOM" size="20"maxlength="100" accept="text/html接收的文件类型">

<input type="Hidden不想被显示的表单类型，用于传输某些后台数据" name="ID" value="6618">

<input type="Button按钮，配合js使用" name="useless" value="Back">

<ｓelect name="where"> 卷动选单

<option value="hk">Hong Kong</option>

<option value="tw" selected>Taiwan</option>

<option value="cn">China</option>

<option value="us">United States</option>

<option value="ca">Canada</option>

</select>

</form>

<table width="400" border="1边框宽度" cellspacing="2格线厚度" cellpadding="2文字与格线距离"align="CENTER表格位置" valign="TOP表格内字画摆放位置" background="myweb.gif表格背景"bgcolor="#0000FF背景颜色，与上面不同时用" bordercolor="#FF00FF边框颜色" >

<tr align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" >表格内一行</tr>

<td width="48%" height="400" colspan="5列合并单元格数" rowspan="4行合并单元格数"align="RIGHT" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080"bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif"> 一个单元格</td>

<th>同上，默认黑体，居中<th>

</table>

合并单元格做法：先列出所有表格，然后确定布局，设定完成后删除多余单元格