HTML5标签属性大全
1、基础标签，因为在每个html网页中几乎都可以看到他们的身影
| 基础标签 | 标签含义-作用描述 |
| <!--......--> | 定义注释 |
| <!DOCTYPE> | 定义文档类型 |
| <html> | 定义HTML文档 |
| <head> | 定义关于文档相关的配置信息，包括文档的标题，引用的文档样式和脚本等信息 |
| <meta> | 定义关于HTML文档的元信息 |
| <title> | 定义文档的标题 |
| <body> | 定义文档的主体 |
| < h1>……< h6> | 定义标题的大小，1~6级标题字体大小依次递减 |
| < p> | 段落标签，区分段落 |
| < hr/> | 水平线标签，添加水平分割线 |
| < br/> | 换行标签 |
2、文本格式标签
| 文本格式标签 | 标签含义-作用描述 |
| <b> | 定义粗体文本 |
| < strong> | 定义粗体文本，呈现加粗字体效果 |
| <u> | 定义为文本添加下划线 |
| <ins> | 定义为文本添加下划线 |
| <i> | 定义斜体文本 |
| <em> | 定义斜体文本 |
| <s> | 有误文本，文本文字上加删除线的样式 |
| <del> | 有误文本，文本文字上加删除线的样式 |
| <sup> | 定义上标文本 |
| <sub> | 定义下标文本 |
| <small> | 定义呈现小号字体效果 备注:（side comments）可以用在免责声明，使用条款和版权信息等需要小字体的场景 |
3、图像标签
| 图像标签 | 标签含义-作用描述 |
| <img> | 图像标签 |
<img>图像标签属性：
常见图片格式： (1) jpg (2) bmp (3) gif (4) png
src属性：src就是引用图像的路径地址， 有三种写法
(1)、相对路径：自己相对于目标位置 不带有盘符
/ ：根路径 ./：同级目录 ../：上级目录
(2)、绝对路径：含有盘符或完整网络地址
height 和 width 属性：设置图片的宽度和高度
title属性：设置图片的标题，当鼠标指在图片上后显示的文字
alt 属性：设置由于图片无法加载时显示的文字
align属性：设置图片周围文字相对于图片的位置
4、音频-视频-标签
| 音频标签 | 标签含义-作用描述 |
| 定义声音内容 |
<audio>标签属性：
src属性：src就是引用音频的路径
controls属性：向用户显示播放/暂停控件
autoplay属性：(自动播放) 音频在就绪后马上播放
loop属性：(循环播放) 音频结束时重新开始播放
muted属性：音频输出为静音
preload属性：音频是否默认被加载以及如何被加载
| 视频标签 | 标签含义-作用描述 |
| 定义视频内容 |
<video>标签属性：
src属性：src就是引用视频的路径
controls属性：向用户显示播放/暂停控件
autoplay属性：(自动播放) 视频在就绪后马上播放
loop属性：(循环播放) 视频结束时重新开始播放
muted属性：视频输出为静音
poster属性：用户点击播放按钮
preload属性：视频是否默认被加载以及如何被加载
5、链接标签
| 链接标签 | 标签含义-作用描述 |
| 定义超链接 | |
| <link> | 定义文档与外部资源的关系 |
<a>标签属性：<a href="链接地址" target="目标窗口位置" name= "名称" ></a>
链接地址包括：绝对路径 相对路径
href属性：链接的地址，可以是网络链接，也可以是本地文件。当用#时，表示这是一个空的超链接。
target属性：使用target 属性可以定义通过超链接打开的文档在何处显示，有两个属性：self属性：在与连接相同的框架中打开被链接文档（默认属性值）self：自身窗口
blank属性：在新窗口中打开链接
<link> 标签属性：
rel 属性：规定当前文档与被链接文档之间的关系
href属性：规定被链接文档的位置
type 属性：规定被链接文档的MIME类型，该属性最常见的MIME类型是 "text/css"，该类型描述样式表其值有：text/css
media属性：规定被链接文档将显示在什么设备上，不同的媒介类型规定不同的样式
sizes属性：定义了链接属性大小，只对属性 rel="icon" 起作用
6、列表标签
| 列表标签 | 标签含义-作用描述 |
| 定义无序列表 | |
| 定义有序列表 | |
| 定义列表的项目 | |
| <dl> | 定义定义列表 |
| <dt> | 定义定义列表中的项目 |
| <dd> | 定义定义列表中项目的描述 |
列表标签属性：无序列表和有序列表的列表项均以<li></li>标签开始
1、无序列表 <ul> <li></li>列表项 </ul>
type：disc 实心圆（默认） circle空心圆 square方块
2、有序列表 <ol> <li></li>列表项 </ol>
type：A大写字母（A-Z） a小写字母（a-z） 1阿拉伯数字（默认） I罗马数字（I II III IV）
3、自定义列表 <dl> <dt></dt> <dd></dd> <dd></dd> </dl>
dt:列表标题标签 dd:列表项
7、表格标签
| 表格标签 | 标签含义-作用描述 |
| <table> | 定义表格 |
| <caption> | 定义表格标题 |
| <thead> | 定义表格中的表头内容 |
| <tbody> | 定义表格中的主体内容 |
| <tfoot> | 定义表格中的表注内容（脚注/表格底部） |
| <th> | 定义表格中的表头单元格 |
| <tr> | 定义表格中的行 |
| <td> | 定义表格中的单元 |
| <col> | 定义表格中一个或多个列的属性值。 |
| 定义表格中供格式化的列组。 |
表格属性：
| 表格属性 | 使用方法 |
| border: (表格边框属性) | < table border=“1”></ table> |
| width/height: 表格（宽度/高度）属性 | < table width=“400” height=“200”></ table> |
| bgcolor: 表格背景色属性 | < table border=“1” bgcolor=“red”></ table> |
| background: 表格背景图属性 | < table background=“img/img.png”>< /table> |
| bordercolor: 表格边框颜色属性 | < table border=“1” bordercolor=“blue”></ table> |
| cellspacing: 表格单元格间距属性 | < table border=“1” cellspacing=“10” ></ table> |
| cellpadding: 表格单元格内边距属性 | < table border=“1” cellpadding=“10”></ table> |
| align:表格对齐属性 | < table border=“1” align=“center”></ table> |
| 行、列属性 | 使用方法 |
| width/height：单元格宽度/高度属性 | < td width=“100” height=“50”> 第一行1</ td> |
| bgcolor：单元格背景色属性 | < td bgcolor=“red”> 第一行1</ td> |
| align：单元格内容水平对齐属性 | < td align=“center”> 第一行1</ td> |
| valign：单元格内容垂直对齐属性 | < td valign=“center”> 第一行1</ td> |
| rowspan属性表示跨行合并，将多行的单元格合并 | < td rowspan=“2”> 第一行1</ td> |
| colspan属性表示跨列合并，将多列的单元格合并 | < td colspan=“2”> 第一行1</ td> |
8、表单标签
| 表单标签 | 标签含义-作用描述 |
| <form> | 定义供用户输入的 HTML 表单 |
| <input> | 定义输入控件 |
| <textarea> | 定义多行的文本输入控件 |
| <button> | 定义按钮 |
| <select> | 定义选择列表（下拉列表） |
| <optgroup> | 定义选择列表中相关选项的组合 |
| <option> | 定义选择列表中的选项 |
| 定义 input 元素的标注 | |
| <fieldset> | 定义围绕表单中元素的边框 |
| <legend> | 定义 fieldset 元素的标题 |
| 定义下拉列表 | |
| 定义生成密钥 | |
| <output> | 定义输出的一些类型 |
< select>下拉表单标签的属性：
<select name=“city”>下拉表单
<option value="1" title="郑州">郑州</option>
<option value="1" title="郑州">郑州</option>
<option value="1" title="郑州">郑州</option>
</select>
name=“列表名”：所有选项只有一个 name
value=“”：分为两种情况。 当选项 option 没有 value 属性时，往后台传递的是标签中的文字；当 选项 option 有 value 属性时，往后台传递的是 value 属性的值。
title=“”：鼠标指上后显示的文字，与图片的 title 属性类似
(selected=“selected”代表默认选中状态，即 select 的初始值)
textarea 文本域属性:
<textarea cols=“30” rows=“30”></textarea>
cols：控制宽度，规定文本域内可见的列数 rows：控制高度，规定文本域内可见的行数
readonly=“readonly”：设置为只读模式，不允许编辑
disable=“disable”：设置禁用文本域
input输入框常用属性：
| 属性 | 含义描述 |
| type 属性 | 表示 input 输入框的类型，默认值是 text |
| name 属性 | name 属性表示 input 输入框的名称，一般必填 |
| value 属性 | value 属性表示 input 输入框的默认值 |
| placeholder 属性 | placeholder 属性表示输入框中的提示信息，当输入框有 value 属性的时候，提示内容会 消失，转而显示 value 属性值。 |
| tabindex 属性 | tabindex=“1” 此属性控制按 Tab 键时的跳转顺序 |
| checked=“checked” | 默认选中 |
| disabled=“disabled” | 设置控件不能使用。 |
| hidden=“hidden” | 设置隐藏控件 |
type属性类型
type=“text” text：文本输入框 type=“password” password：密码输入框
type=“radio” radio：单选按钮 type=“checkbox” checkbox：复选按钮
type=“file” file：文件上传按钮 type=“submit” submit：表单提交按钮
type=“reset” reset：重置按钮 type=“ image” image：图片提交按钮
type=“button” button：普通按钮
9、其他常用标签
| 其他标签 | 标签含义-作用描述 |
| <div> | 定义文档中的节 |
| <span> | 定义文档中的节 |
| <Iframe> | 定义文档的内联框架 |
| <style> | 定义文档的样式信息 |
| <script> | 定义文档中的脚本信息 |
| <base> | 定义页面中所有链接的默认地址或默认目标 |
HTML5新增标签简介
| 新增标签 | 标签含义-作用描述 |
| <header> | 网页或者文章的头部 |
| <hgroup> | 将整个页面或页面中一个内容区块的标题进行组合 |
| <nav> | 表示页面中导航链接部分 |
| <aside> | article元素内容之外，相关内容或应用（常用于侧边栏） |
| <article> | 表示页面中的一块与上下文不相关的独立的文章内容 |
| <section> | 页面中的一个独立内容区块，文档的主体部分，用于网页或文章划分章节、区块 |
| <footer> | 网页或者文章的底部 |
HTML5常见的块级标签和行级标签
1、常见的块级标签
块级标签在网页中显示为块，块级标签独占一行，新的块级标签将从新的一行开始排列，能设置宽高。如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽
| 常见的块级标签 | 标签含义-作用描述 |
| < h1>……< h6> | 定义标题的大小，1~6级标题字体大小依次递减 |
| < p></ p> | 段落标签，区分段落 |
| < hr/> | 水平线标签，添加水平分割线 |
| < br/> | 换行标签 |
| < ul>< li>< /li></ ul> | 无序列表标签 |
| < ol>< li>< /li></ ol> | 有序列表标签 |
| < dl></ dl> | 定义列表标签 |
| < div>< /div> | 块级标签 |
2、常见的行级标签
行级标签在网页中可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高，可以容纳其他行内元素，但不可以容纳块元素
| 常见的行级标签 | 标签含义-作用描述 |
| < img/> | 图片标签 |
| < a>< /a> | 超链接标签 |
| <span> | 组合文档中的行内元素 |
| <small> | 定义呈现小号字体效果 备注:（side comments）可以用在免责声明，使用条款和版权信息等需要小字体的场景 |
| < em> | 定义斜体文本 |
| <i> | 定义斜体文本 |
| <b> | 定义粗体文本 |
| < strong> | 定义粗体文本，呈现加粗字体效果 |
| <q> | 定义短的引用--在引用的内容周围添加引号 |
| <s> | 有误文本，文本文字上加删除线的样式 |
| <del> | 有误文本，文本文字上加删除线的样式 |
| <u> | 定义为文本添加下划线 |
| <ins> | 定义为文本添加下划线 |
| <code> | 将文本变成等宽字体，定义计算机代码文本 |
| <cite> | 文本会倾斜显示，常用于书、画作、作品、参考文献的引比如书籍或者杂志的标题 |
3、常用的行块元素：img、input等
具有块级标记特征：可以设置宽高内填充外边距
具有行级标记的特征：默认横向显示，直到一行拍不下才会换行，空格会被解析
| 常见的行块标签 | 标签含义-作用描述 |
| <img> | 图片标签 |
| <input> | 标签规定了用户可以在其中输入数据的输入字段，输入框 |
837
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
