行内：span,a,img,input,button
块级：div,ul,p,ul
1.文档结构标签
<html>....</html> 标识Html的起始和终止
<body>....</body> 标识html的主体区域
<head>.....</head> 标识html的头部区域
2.文本格式标签
<title>..</title> 网页标题标签
<hi>..</hi> 文本标题标签，i表示1,2,3,4,5,6
<p>...</p> 段落标签
<pre>....</pre> 预定义文本标签，就是标签里写什么，网页上就呈现什么，不解析
<blockquote>...</blockquote> 表示引用的文本，也就是引号
<code></code>显示代码
3.文字格式标签
<b>...</b> 字体加粗
<i>..</i> 字体倾斜
<blink>....</blink> 标识闪烁字体，经测试此标签在H5中被废除
<big>...</big> 文字放大
<small>..</small> 文字缩小
<sup>...</sup> 文字上标，相当于指数
<sub>....</sub> 文字下标
<cite>....</cite> 标识引用文本，以引用效果显示,和没设置样式的文字比，略微倾斜
<del</del>删除线
<s></s>删除线,可能不兼容
<mark></mark>让文字背景变成黄色
<progress></progress>
进度条，它的striped渐变效果，value控制它的进度，max=“最大进度为100”*他下面有个shadow-dom,很实用http://www.cnblogs.com/coco1s/p/5711795.html，一般情况下，shadow-dom是被浏览器隐藏的
<meter></meter>所占百分比，例如电脑里面盘所占空间的百分比样式，max=“最大进度为100”，也有val
4.列表标签
<ul></ul> 无序列表
<ol></ol> 有序列表
<li></li> 放在以上两个列表里
<dl></dl> 定义列表，这是一种特殊的结构，它里面包括词条和解释两部分
<dt></dt> 定义列表里的词条
<dd></dd> 定义列表里的解释，专门解释词条的含义
//eg：
<dl>
<dt>君子</dt> 词条
<dd>品德高尚的人</dd> 解释
</dl>
5.链接标签
<a href=“地址”></a> 表示超链接
注：a标签还可以当做锚点来使用
<a href="#锚点的名字"></a>
<span id="锚点的名字"></span> 锚点
6.多媒体标签
<img src="图片地址"> 图片标签，插入图片
<embed></embed> 插入多媒体
<object> 插入多媒体
<param value="要显示的动画或者图片的路径"></param>
<param name="vmode" value="transparent"></param> 定义他的透明度，两个属性缺一不可。
</object>
<video></video> 插入视频，可以设置视屏的宽高，autoplay表示自动播放视频，controls表示显
示播放控件，loop表示循环播放，muted表示静音
兼容多个浏览器
<video width="800" height="600" controls poster="img.png">
<source src="音频.格式"> //source表示引入多种格式的视屏，让浏览器更兼容，可以多写几个
</video>
<audio></audio> 插入音乐，auto表示立刻开始播放，preload表示预先载入音频
兼容多个浏览器
<audio controls>
<source src="音频.格式">
</audio>
7.表格标签
<table> 表格标签
<caption>表格标题标签</caption>
<tr>表格的行
<th>定义表头</th>
</tr>
<tr>
<td>表格的列</td>
<td></td>
</tr>
</table>
8.表单标签
<form></form>表单
<input>定义文本域，按钮和复选
<textarea></textarea>定义多行文本
<select></select> 下拉列表
<datalist></datalist>h5更新的下拉列表
<option></option> 下拉列表里的选项
<label></label>实用，里面包文字
-----智能表单------
常用于移动端，pc端不可控
<form>
<label>
用户名：
<input type="text">
</label>
<label>
密码：
<input type="password">
</label>
</form>
9.绘图标签
<canvas></canvas>
10.语义化标签
<header></header> 头部
<nav></nav> 导航栏
<main></main>页面主要内容，一个页面只能用一次
<section></section>区块，存于main中
<article></article>区块，存于section中
<aside></aside>侧边栏，存于main中
<footer></footer>脚部
他们之间的关系运用，分布：
<header></header>
<nav></nav>
<main>
<section>
<article></article>
</section>
<aside></aside>
</main>
<footer></footer>
07-14
4630
4630
08-26
2372
2372
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
