HTML5常用标签
2016-04-11 10:07
489 查看
一、常用标签
<p>段落标签
<hr>水平线标签
<br>换行标签
<h1>~<h6> 标题,字体从大到小
<ol><li>有序的列表标签
<ul><li>无序的列表标签
<span>行内标签
<div>块标签,其中内容独立占一行
<sup>上标
<sub>下标
<pre>原样标签:保留空格和换行符
<dl>定义列别
<dt>列表标题,在<dl>标签下
<dd>列表内容,在<dl>标签下
二、实体标签
  空格
< 小于号
> 大于号
&yes 人民币
© 版权
® 上标
三、媒体标签
<embed></embed> 定义嵌入的内容标签,比如插件,此标签必须有src属性
hieedn:设置隐藏插件是否隐藏
src:用于指定路径
四、超链接标签
<a>超链接标签,常用属性:
href:用于指定链接的资源
target:设置打开新资源的目标
_Blank在独立的窗口上打开新资源
_self在当前窗口打开新的资源
file:file协议,用于搜索本地机器的资源文件
格式:
file:///d:/文件夹名/文件名
超链接标签的作用:
1、链接资源
2、锚点点位——格式:<a name="锚点名字">数据</a>;使用a标签的href属性连接到锚点:href="#锚点的名字"
五、图片标签
img标签常用属性:
width:设置图片宽度
height:设置图片高度
alt:如果图片资源无法找到,那么久显示对应的文字对图片进行说明
六、表格标签
表格使用到的标签:
<table>表格
<tr>行
<td>单元格
<th>表头 默认样式居中,加粗
<caption>表格的标题
表格常用属性:
border:边框
width:宽度
height:高度
colspan:列数
rowspan:行数
<thread>标签用于组合HTML表格的表头内容
<thread>元素应该与<tbody>和<tfoot>元素结合起来使用,用来定义表格的各个部分(表头、主体、页脚)。
通过使用这些元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
<thread>标签必须被用在以下情境中:作为<tabel>元素的子元素,出现在<caption>、<colgroup>元素之后,<tbody>、<tbody>和<tr>元素之前。
<p>段落标签
<hr>水平线标签
<br>换行标签
<h1>~<h6> 标题,字体从大到小
<ol><li>有序的列表标签
<ul><li>无序的列表标签
<span>行内标签
<div>块标签,其中内容独立占一行
<sup>上标
<sub>下标
<pre>原样标签:保留空格和换行符
<dl>定义列别
<dt>列表标题,在<dl>标签下
<dd>列表内容,在<dl>标签下
二、实体标签
  空格
< 小于号
> 大于号
&yes 人民币
© 版权
® 上标
三、媒体标签
<embed></embed> 定义嵌入的内容标签,比如插件,此标签必须有src属性
hieedn:设置隐藏插件是否隐藏
src:用于指定路径
四、超链接标签
<a>超链接标签,常用属性:
href:用于指定链接的资源
target:设置打开新资源的目标
_Blank在独立的窗口上打开新资源
_self在当前窗口打开新的资源
file:file协议,用于搜索本地机器的资源文件
格式:
file:///d:/文件夹名/文件名
超链接标签的作用:
1、链接资源
2、锚点点位——格式:<a name="锚点名字">数据</a>;使用a标签的href属性连接到锚点:href="#锚点的名字"
五、图片标签
img标签常用属性:
width:设置图片宽度
height:设置图片高度
alt:如果图片资源无法找到,那么久显示对应的文字对图片进行说明
六、表格标签
表格使用到的标签:
<table>表格
<tr>行
<td>单元格
<th>表头 默认样式居中,加粗
<caption>表格的标题
表格常用属性:
border:边框
width:宽度
height:高度
colspan:列数
rowspan:行数
<thread>标签用于组合HTML表格的表头内容
<thread>元素应该与<tbody>和<tfoot>元素结合起来使用,用来定义表格的各个部分(表头、主体、页脚)。
通过使用这些元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
<thread>标签必须被用在以下情境中:作为<tabel>元素的子元素,出现在<caption>、<colgroup>元素之后,<tbody>、<tbody>和<tr>元素之前。
相关文章推荐
- HTML5学习笔记三 HTML元素、属性、标题、段落简介
- HTML5Web Workers
- HTML5学习笔记二 HTML基础
- html5+css(3)
- eclipse 设置jsp页面为HTML5
- HTML5实现页面元素拖放
- HTML5 之 CSS简单使用(一)
- 解决HTML5布局,兼容IE问题
- html5系列之nop标签
- H5新增表单属性
- 移动HTML5前端性能优化指南(转)
- HTML5学习之 开发工具
- html5学习系列之klm类标签
- Html5学习标签个人笔记大全
- 关于HTML5中的audio问题
- html5 video播放调研,全屏,伪全屏
- HTML5实现全屏API【进入和退出全屏】
- HTML5全屏(Fullscreen)API详细介绍_html5教程技巧
- 淘宝HTML5版私钥泄漏
- H5不能少的功能-滑动分页