HTML5基本定义标签整理大全

1.基本标签

标题标签<h1-h6>	段落标签<p>
换行标签<br/>	文字加粗 <strong></strong> <b></b>
文字倾斜  <em></em>或<i></i>	文字下划线 <ins></ins>或<u></u>
文字删除线 <del></del>或<s></s>	<div>标签独占一行
<span>一行可放多个	<img src=””/>图像标签
<a href =”” target=”_self(当前窗口打开)、_blank(新窗口打开)”></a>超链接标签	<a href=”#”></a>空链接 <a href=”#two”> 对应<h3 id=”two”></h3>锚点链接
Ctrl+/ 注释快捷键	空格 <小于 >大于

2.表格标签

<table> <tr><th>表头标签</th></tr> <tr><td></td></tr>...... </table>

align：center/left/right;（对齐方式）

border：1或“”（规定表格边框)

cellpadding：1 （规定文字与边框的距离）

cellspacing:2 （规定单元格之间的空白）

width：（规定表格的宽度）

<thead></thead>（定义表格头部） 写在<table></table>标签内，可分段显示。

<tbody></tbody>（定义表格主体部分） 写在<table></table>标签内，可分段显示。

<rowspan=”合并单元格的个数”>（跨行合并）最后删除多余的单元格

<colspan=”合并单元格的个数”> （跨列合并）最后删除多余的单元格

3.列表标签

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

删除无序列表的点点：list-style-type:none；

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

<dl><dt></dt><dd></dd></dl>（自定义列表）

4.表单标签

<form></form>用于定义表单域 中间套用属性action=url地址、method=get/post、name=表单名称

<input>输入表单元素，套用属性：text（文本框）、password（密码）、checkbox（复选框）、radio（单选按钮）、button（点击按钮）、 reset（重置按钮）、submit（提交按钮）。 Eg：<input type=”text”/>

除type属性外，input还有其他属性： name（供后台人员使用）、value（供后台人员使用、搜索框中默认内容也可以使用）、checked（默认选中）、maxlength（限制字符）。 Eg：<input checked=”checked”>

不论单选还是多选，要想实现多选一，必须使用name属性，且name值必须相同。 Eg：男<input type=”radio” name=”sex”> 女<input type=”radio” name=”sex”>

<label>标签用于绑定元素，将焦点转到元素上，增加用户体验。与for搭配。 Eg：<label for=”nan”>男</label><input type=”text” id=”nan”>

<select></select>标签用于定义下拉列表。 Eg：<select><option selected=”selected”（默认选中）></option></select>

<textarea></textarea>标签创建文本输入框 Eg：<textarea rows=”3” cols=”20”>文本内容</textarea>