头标签
排版标签：<p>、<div>、<span>、<br>、<hr>、<center>、<pre>
字体标记：<h1>、<font>、<b>、<u>、<sup>、<sub>
超链接<a>
图片标签<img>
列表标签：<ul>、<OL>、<dl>
表格标签：<table>
框架标签及内嵌框架<iframe>
内容斜体强调<em>、</em>
内容着重强调<strong>、</strong>
表单标签：<form>
多媒体标签
滚动字幕标签：<marquee>
html全称为HyperText Markup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言。
1、它由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，是其以某种方式呈现或者工作。
2、用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。
- 超文本：音频，视频，图片称为超文本。
- 标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。
以上段落元素的主要部分有：1、开始标签
作用：HTML是负责描述文档语义的语言。
注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解析执行。
HTML是负责描述文档语义的语言
html中，除了语义，其他什么都没有。
html是一个纯本文文件（就是用txt文件改名而成），用一些标签来描述文字的语义，这些标签在浏览器里面是看不到的，所以称为“超文本”，所以就是“超文本标记语言”了。 所以，接下来，我们肯定要学习一堆html中的标签对儿，这些标签对儿能够给文本不同的语义。
比如，面试的时候问你，h1标签有什么作用？
- 正确答案：给文本增加主标题的语义。
- 错误答案：给文字加粗、加黑、变大。
HTML标签不区分大小写。不过从一致性、可读性等方面来说，做好仅使用小写字母。
HTML的网络术语
- 网页 ：由各种标记组成的一个页面就叫网页。
- 主页(首页) : 一个网站的起始页面或者导航页面。
- 标记：
<p>称为开始标记 ，</p>称为结束标记，也叫标签。每个标签都规定好了特殊的含义。 - 元素：
<p>内容</p>称为元素. - 属性：给每一个标签所做的辅助信息。
- xhtml： 符合XML语法标准的HTML。
- dhtml：dynamic，动态的。
javascript + css + html合起来的页面就是一个dhtml。 - http：超文本传输协议。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP：邮件传输协议，ftp：文件传输协议。
HTML文档结构
-
<!DOCTYPE html>: 声明文档类型. 很久以前，早期的HTML(大约1991年2月)，文档类型声明类似于链接，规定了HTML页面必须遵从的良好规则，能自动检测错误和其他有用的东西。使用如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">然而现在没有人再这样写，需要包含这些东西才能正常工作已成为历史。你只需要知道
<!DOCTYPE html>是最短的有效的文档声明。 -
<html></html>:<html>元素。这个元素包裹了整个完整的页面，是一个根元素。 -
<head></head>:<head>元素. 这个元素是一个容器，它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。这些内容包括你想在搜索结果中出现的关键字和页面描述，CSS样式，字符集声明等等。以后的章节能学到更多关于<head>元素的内容。 -
<meta charset="utf-8">: 这个元素设置文档使用utf-8字符集编码，utf-8字符集包含了人类大部分的文字。基本上他能识别你放上去的所有文本内容。毫无疑问要使用它，并且它能在以后避免很多其他问题。 -
<title></title>: 设置页面标题，出现在浏览器标签上，当你标记/收藏页面时它可用来描述页面。 -
<body></body>:<body>元素。 包含了你访问页面时所有显示在页面上的内容，文本，图片，音频，游戏等等。
中文能够使用的字符集两种：
- 第一种：UTF-8。UTF-8是国际通用字库，里面涵盖了所有地球上所有人类的语言文字，比如阿拉伯文、汉语、鸟语……
- 第二种：GBK（对GB2312进行了扩展）。gb2312 是国标，是中国的字库，里面仅涵盖了汉字和一些常用外文，比如日文片假名，和常见的符号。
字库规模： UTF-8（字全） > gb2312（只有汉字）
我们用meta标签声明的当前这个html文档的字库，一定要和保存的文件编码类型一样，否则乱码！（重点）。
文档声明头
任何一个标准的HTML页面，第一行一定是一个以<!DOCTYPE ……>开头的语句。
这一行，就是文档声明头，DocType Declaration，简称DTD。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
头标签
html5 的比较完整的骨架：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset\="UTF-8"\>
<meta name\="viewport" content\="width=device-width, initial-scale=1.0"\>
<meta http-equiv\="Content-Type" content\="text/html;charset=UTF-8"\>
<meta name\="Author" content\=""\>
<meta name\="Keywords" content\="牛逼，很牛逼，特别牛逼" />
<meta name\="Description" content\="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
<title\>Document</title\></head>
<body>
</body>
</html>
面试题：
- 问：网页的head标签里面，表示的是页面的配置，有什么配置？
- 答：字符集、关键词、页面描述、页面标题、IE适配、视口、iPhone小图标等等。
头标签都放在头部分之间。包括：<title>、<base>、<meta>、<link>
-
<title>：指定整个网页的标题，在浏览器最上方显示。 -
<base>：为页面上的所有链接规标题栏显示的内容定默认地址或默认目标。 -
<meta>：提供有关页面的基本信息 -
<body>：用于定义HTML文档所要显示的内容，也称为主体标签。我们所写的代码必须放在此标签內。 -
<link>：定义文档与外部资源的关系。
meta 标签：
上面的<meta>标签都不用记，但是另外还有一个<meta>标签是需要记住的：
<meta http-equiv="refresh" content="3;http://www.baidu.com">
上面这个标签的意思是说，3秒之后，自动跳转到百度页面。
常见的几种 meta 标签如下：
（1）字符集 charset：
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
字符集用meta标签中的charset定义，meta表示“元”。“元”配置，就是表示基本的配置项目。
charset就是charactor set（即“字符集”）。
浏览器就是通过meta来看网页是什么字符集的。比如你保存的时候，meta写的和声明的不匹配，那么浏览器就是乱码。
（2）视口 viewport：
<meta name\="viewport" content\="width=device-width, initial-scale=1.0"\>
width=device-width：表示视口宽度等于屏幕宽度。
viewport 这个知识点，初学者还比较难理解，以后学 Web 移动端的时候会用到。
（2）定义“关键词”：
举例如下：
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
这些关键词，就是告诉搜索引擎，这个网页是干嘛的，能够提高搜索命中率。让别人能够找到你，搜索到你。
（3）定义“页面描述”：
meta除了可以设置字符集，还可以设置关键字和页面描述。
只要设置Description页面描述，那么百度搜索结果，就能够显示这些语句，这个技术叫做SEO（search engine optimization，搜索引擎优化）。
设置页面描述的举例：
<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
效果如下：
title 标签:
用于设置网页标题：
<title\>网页的标题</title\>
title也是有助于SEO搜索引擎优化的。
base标签：
<base href="/">
base 标签用于指定基础的路径。指定之后，所有的 a 链接都是以这个路径为基准。
<body>标签的属性
其属性有：
-
bgcolor：设置整个网页的背景颜色。 -
background：设置整个网页的背景图片。 -
text：设置网页中的文本颜色。 -
leftmargin：网页的左边距。IE浏览器默认是8个像素。 -
topmargin：网页的上边距。 -
rightmargin：网页的右边距。 -
bottommargin：网页的下边距。
<body>标签另外还有一些属性，这里用个例子来解释：
上方代码中，当我们对点我点我这几个字使用超链时，link属性表示默认显示的颜色、alink属性表示鼠标点击但是还没有松开时的颜色、vlink属性表示点击完成之后显示的颜色。效果如下：
块级元素和内联元素
1、块级元素在页面中以块的形式展现。相对于其前面的内容，它会出现在新的一行，其后的内容也会被挤到下一行展现。
2、内联元素通常出现在块级元素中并环绕文档内容的一小部分。内联元素不会导致文本换行。
空元素
不是所有元素都拥有开始标签，内容，结束标签。一些元素只有一个标签，通常用来在此元素所在位置插入/嵌入一些东西。例如：元素[<img>]是用来在元素[<img>]所在位置插入一张指定的图片
接下来，我们讲一下<body>里的各种标签的属性。
HTML标签是分等级的，HTML将所有的标签分为两种：
- 文本级标签：p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。（a标签里不能放a和input）
- 容器级标签：div、h系列、li、dt、dd。容器级标签里可以放置任何东西。
从学习p的第一天开始，就要死死记住：p标签是一个文本级标签，p里面只能放文字、图片、表单元素。其他的一律不能放。
块级标签<div>和<span>
div和span是非常重要的标签，div的语义是division“分割”； span的语义就是span“范围、跨度”。CSS课程中你将知道，这两个东西，都是最最重要的“盒子”。
div：把标签中的内容作为一个块儿来对待(division)。必须单独占据一行。
div标签的属性：
-
align="属性值"：设置块儿的位置。属性值可选择：left、right、 center。
<span>和<div>唯一的区别在于：<span>是不换行的，而<div>是换行的。
如果单独在网页中插入这两个元素，不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。或者说，DIV+CSS来实现各种样式。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。