HTML全称：超文本标记语言（hypertext markup language）
HTML有双标记<a></a>、单标记<br/>、注释。
一个网页就是一个HTML文档，网页效果是浏览器解析html文档的代码后产生的结果。
DOCTYPE：文档类型（document type），指示浏览器使用XHTML或HTML的版本。
该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。没声明会变成混合模式。
头部标记
- 页面title
<title /> - 元信息标记
<meta />
- 一个很重要的功能是设置关键字，这些关键字将被各大搜索引擎收录，提高访问量。就是对keywords和desperation两个属性的设置。
<meta />标签的属性定义了与文档相关联的名称/值对。html5中，<meta>标签没有结束标签。- 常用属性——http-equiv （生成一个HTTP标准域，content内容为变量值）
- refresh：自动刷新并指向新页面，刷新单位：秒。
<mate http-equiv="refresh" content="5">表示每隔5秒自动刷新<mate http-equiv="refresh" content="5" url="http://xxxxx">表示3秒后自动挑战到url指的地方。
- expires：设定网站到期时间，超过时间要到服务器上重新调用。GMT时间格式。
<mate http-equiv="expires" content="wed,26 feb 2016 08:22:45 GMT">
- set-cookie：设定cookie值，如果网页过期，存盘的cookie将被删除，GMT格式。
<mate http-equiv="set-cookie" content="wed,26 feb 2016 08:22:45 GMT">
- content-type：网页内容类型
- refresh：自动刷新并指向新页面，刷新单位：秒。
- 常用属性——name属性 （描述网页，以便搜索引擎查找分类）
- generator：表示生成工具
<mate name="generator" content="记事本">表示生成工具为记事本
- keywords：定义关键词
<mate name="keywords" content="html语言">
- description：定义描述，告诉搜索引擎网站的主要内容
<mate name="description" content="这是一个关于html语言的笔记">
- author：作者
<mate name="author" content="王二">
- revised：定义页面最新版本
<mate name="revised" content="Tom,2017-03-20">
- generator：表示生成工具
- 常用属性——content （表示信息内容）
- 常用属性——charset （定义字符集、文档编码。有utf-8-国际中文和gb2312-简体中文）
<mate http-equiv="content-type" content="text/html" charset="utf-8">html4.01页面<mate charset="utf-8">html5<head></head>标记间，编写要注意放置顺序，否则会影响网页加载速度。
html常用标记
块级元素：另起一行，高，行高，边距都可控
<center>，<table>，<form>，<div>，<hr>，<ul>，<p>，<h1>等
行内元素：高，行高，边距不可改变
<a>，<br>，<b>，<span>，<input>，<img>，<label>，<select>等不可用于网页布局。
元素除了可以分为块级元素和行内元素，也可以分为替换元素和非替换元素。像img,br,hr这样的都是替换元素，浏览器遇到替换元素的时候会将它换成其他东西(一张图片，一个换行符等等)。所以br元素可以换行。
一个块级元素默认具有换行属性，但是并不是所有换行的都是块级元素，span里面东西很长，换了个行，然而它并没有变成块级元素。块级元素会生成一个框,就是框模型中的那个框，行内元素也会生成一个框，行框，所以你也可以给他们设置margin-left,width等等属性，不同的是浏览器看到行框之后会忽略掉一些属性，比如说height，margin-top这样的。 ——摘抄自知乎
区别：
- 块级元素会独占一行，其宽度自动填满其父元素宽度。行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容 而变化。
- 块级元素可以设置 width, height属性，行内元素设置width, height无效。【注意：块级元素即使设置了宽度，仍然是独占一行的】
- 块级元素可以设置margin 和 padding. 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果，但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。（水平方向有效，竖直方向无效）
文字修饰标记
- 粗体
<b>和<strong>后者标记更重要的文本 - 斜体
<i>和<em>后者更表示强调 - 拼音注释
<ruby>和<rt>和<rp>。<ruby>标记要注释的词，<rt>标记拼音，<rp>标记浏览器不支持<ruby>时显示的内容。
<body><ruby>你好<rt>ni hao</rt></ruby></body>
特殊字符：如 ——空格；©——版权；®——注册商标。
图片路径问题：“/”表示下一级。“../”中的“..”表示上一级文件夹。
img有src属性；alt属性：设置图像替代文字，显示图片提示信息。搜索引擎要求每个图像都出现alt，以便于搜索引擎收录。
超链接标记：
- name属性：可用于锚点定位，如
<a name="maodian"></a> xxx一段文字 <a href="#maodian">xxx</a>会跳到锚点的位置 - target属性：
- 默认是在同一个页面打开；
- “_blank”——新窗口；
- “_self”——当前窗口；
- “_top”——框架在当前新窗口打开；
- “_parent”——上一级窗口中打开；
- title属性：鼠标经过超链接时显示的文字提示
- hreflang属性：规定目标url的基准语言，例如hreflang=“zh”
- type属性：指定链接文档的类型，提示客户端应用何种软件打开该文档。例如：type=“application/msword”就是word文档，打开这个链接时，浏览器会下载这个文档。
创建电子邮件链接：单击后会自动打开电子邮件客户端，向其发送邮件。<a href="mailto:xxxxx@163.com">请联系我们</a>
创建图像不同区域的链接：图像各个区域链接不同。
使用<img><map><area>标记来创建
<img src="images/map.jpg" usemap="#ditu">
<map name="ditu">
<area shape="rect" coords="0,0,500,400" href="xxx" target="_blank">
<area shape="circle" coords="230,230,100" href="xxx" target="_blank">
<area shape="poly" coords="130,20,200,50,160,150,60,200,50,100,100,70" href="xxx" target="_blank">
</map>
<!--
map：定义图像映射，name属性定义带有可点击区域的图像。
usermap：引用图像映射的名称。
area：定义图像映射中的可点击区域，嵌套在map中。其中属性如下：
shape: 有几个选择：rect（矩形），coords对应的坐标为左上角和右下角。circle（圆），coords对应的是圆心（x，y），和半径r。poly（多边形），coords对应的是每个点的坐标。
coords：坐标，根据shape的值去定义。
href：链接。
--> 列表标记
3种，可互相嵌套。
有序列表<ol>
- type属性：设置有序列表符号类型。
- 1：数字型
- a：字母型
- A：字母型
- i：小写罗马数字
- I：大写罗马数字
- start属性：设置编号从第几个开始。例如
<ol type="a" start="2">xxxxx</ol>就是从b开始。
无序列表<ul>
- 也有type属性。三种选择：disk（实心圆），square（小方形），circle（空心圆）。
定义列表<dl>
<dl>
<dt>名词1</dt>
<dd>解释1</dd><dd>解释2</dd>
</dl>分节标记
html5新增内容。
1. 页眉<header>：标题，副标题或logo等。
2. 页脚<footer>：文档版权信息、使用条款链接、联系信息等。
3. 导航标记<nav>：导航栏。
4. 章节标记<section>：文档章节。
5. 独立文档标记<article>：文档正文内容。
6. 相关文档标记<aside>：定义<article>标记以外的内容，如侧边栏等。
表格标记
<tr></tr>是行，<td></td>是单元格。<table>可嵌套。
<caption></caption>定义表格的标题，必须直接放置在<table>之后，每个表格只能有一个标题，会居中在表格上方。
<th></th>表头，粗体居中。
各个标签的属性具体内容搜网页。
优先级（高到低）：单元格 > 行 > 表格
html5中，结合<thead><tbody><tfoot>使用，分成表头、主体、脚注。 浮动框标记
iframe：嵌入式框架/浮动框架。在一个网页中插入另一个网页。
iframe的name属性：可作为其他对象的target属性值，将这个框架作为链接目标页面的显示窗口：例如iframe的name设置为ff，其他链接的target=”ff”就会在iframe的这个窗口打开。
多媒体标记
1. <bgsound >：网页插入背景音乐，只适用IE。无闭合标签。
2. <embed />：网页中插入多媒体对虾，包括flash、音频、视频。例如：<embed src="xx.mp3" width="200" height="50" autostart="false" loop="3" />
3. <marquee></marquee>：插入滚动的文字或图像。
4. html5新增的多媒体标记：音频<audio>视频<video>图形<canvas>
交互标记
html5新增标记<progress>：设置当前任务进度（完成情况）属性：max、value。
max：总进度。value：当前进度。
<p>完成百分比：<progress id="prog1" max="100" value="15"></progress></p>
<!--value值一般使用js更改-->附：
243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
