<!--注释 -->
<!DOCTYPE html><!--表示使用H5 -->
<meta charset="utf-8"><!--编码格式 -->
<meta name="description" content="描述"/>
<meta name="keywords" content="关键字1,关键字2"/>
<meta http-equiv="refresh" content="5;url=http://www.baidu.com"/>重定向
在head里添加base标签可以设置整体连接打开状态
<base target="_blank"/>
<b>加粗文本</b>
<i>斜文本</i>
<strong>加粗`
<em> 斜体
<q>短引用标签，加双引号，行内元素
<blockquote>长引用标签，解析是缩进样式，加引号，块元素
<address> 地址语义 斜体显示
<code>小段代码
<pre>大段代码
<small>比父元素文字要小</small>
<cite>论语</cite>加书名号
2<sup>2</sup> 上标2
2<sub>2</sub> 下标2
<del>17.75</del> 添加删除线
<ins>17.75</ins> 加下划线
&实体名字
< 小于号
$gt;大于号
空格
©版权符号
图片
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
<img src="" alt="" width="" height=""/>
src 是代表路径
src设置图片路径 src="../1.jpg" 可以用../返回上一级，使用几个返回几个
也可以直接设置网上路径
width和height修改图片大小，一般用px为单位。如果只设置一个，另一个为等比例变化。
内联框架
<iframe src="" name="tom"></iframe>
引入一个外部页面，src指向一个路径
a标签
<a href="http://www.baidu.com" title="鼠标滑过显示的文本 target="_blank">超链接</a>
href #加标签的id可跳到对应本页面位置
_blank 新建窗口打开
_self 当前窗口打开
target填内联框架的name属性，在页面内打开
<a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感&body=你好，对此评论有些想法">对此影评有何感想，发送邮件给我 </a>
<div>纯粹的块元素</div>
<span>内联元素</span>
<p>一般用来表示一个段落</p>
一般用块元素包含内联元素
a可以包含任意元素，但不能包含其本身
p元素不能包含任何块元素
排序
有序ol
标记默认是1 2 3 4 。
type可以加属性值修改排序表示的方法
<ol type="A">
<li> </li>
</ol>
无序ul
自定义列表,写在dl里，一个dt可对应多个dd
<dl><dt><dd>
<dl> 定义列表
<dt>武松</dt> 定义
<dd>打虎英雄</dd>描述
</dl>
表格
tbody thead tfoot
tr th td
<table summary="摘要">
<caption>summary="标题"</caption>
<tr>
<th>产品名称 </th>
<th>品牌 </th>
<th>库存量（个） </th>
<th>入库时间 </th>
</tr>
</table>
cellspacing 单元格与边框的距离
cellpadding 单元格内容与边框距离
align：center 表格居中
rowspan用来合并行单元格
<td rowspan="2">B4</td>
colspan用来合并列单元格
<td colspan="2">D3</td>
表单
<form method="post" action="save.php" enctype=">
<label for="username">用户名:</label>
<input type="text" name="username" />
<label for="pass">密码:</label>
<input type="password" name="pass" />
</form>
单选按钮radio 同一组name要相同
<label>男</label>
<input type="radio" value="1" name="gender" />
<label>女</label>
<input type="radio" value="2" name="gender" />
input type ="image" src=""图片按钮
type=file 文件按钮
checkbox ：多选按钮
下拉列表框： selected="selected"默认选中
select里加这个可以多选<select multiple="multiple">
代码：
<label>爱好:</label>
<select>
<option value="看书">看书</option>
<option value="旅游" selected="selected">旅游</option>
<option value="运动">运动</option>
<option value="购物">购物</option>
</select>
提交与重置
<input type="submit" value="提交">
<input type="reset" value="重置" />
用户点击文本时也会选中目标
1.lable包裹标签
2. for 属性中的值应当与相关控件的 id 属性值一定要相同。
<label for="male">男</label>
input id="male"
文本框
<textarea>内容</textarea>
块级元素特点：
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
内联元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度无效，垂直方向边距不可设置；水平方向margin和padding可设置
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
4、只能容纳文本或其它行内元素 a特殊不能再放a了
inline-block 元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。
h5新增
<header> 语义 页面头部</header>
<nav> 语义 导航</nav>
<footer> 语义页脚</footer>
<article>语义文章 </article>
<section> 语义 定义区域</section>
<aside> 语义侧边</aside>
<figure> 标签
用作文档中插图的图像
点击文本框时，获得提示提示信息
<input type="text" name="" id="" list="star">
<datalist id="star">
<option value="足球"></option>
<option value="篮球"></option>
</datalist>
fieldset使用,会在外圈一个框，legend信息作为标题
<fieldset>
<legend>用户登陆</legend>
用户名：<input type="text">
密 码：<input type="password">
</fieldset>
新增input的type
email 邮箱格式
tel 手机或数字格式
url 网址格式
number 数字格式
search 搜索框
range 区域 滑块（如音量滑块）
time 时间 小时 分钟
date 年月日
month 年月
week xx年第xx周
color 颜色
新增的其它属性
placeholder="搜索物品" 浅色的提示文字，用户输入时消失
autofocus 自动获得焦点
multiple 多文件上传
autocomplete="on/off" 记录用户上次输入的信息，再次输入时首字母会提示，需要有提交按钮 需要有name属性
required 必填项
accesskey="s" 用户按alt+s光标会跳到对应输入框
音频ogg MP3 wav三格式
<audio controls="controls" autoplay="autoplay" loop="-1">
<source src="zhu.mp3"/>
您的浏览器不支持h5音乐播放
</audio>
视频ogg MP4 webm
video标签，其余同音频
表单新增
datalist 元素规定输入域的选项列表（内用option添加选项）。 keygen 元素的作用是提供一种验证用户的可靠方法。 output 元素用于不同类型的输出
diabled 设置是否禁用（checkbox，如未阅读协议不给点）
可编辑
<ul contenteditable="true">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
26万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
