一、HTML 的基本骨架
1.1 HTML 骨架
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>注（补充常识）：
HTML4.01 版本是 IE6 开始兼容的；
HTML 5 版本是 IE9 开始兼容的；
目前 web 前端开发还是在用 HTML 4.01 ，但是移动端的网页已经开始使用 HTML5开发了。
HTML 4.01 里有两大种规范。每种大规范中又有三种小规范，一共是有6种规范（DTD）：
| HTML4.01 | Strict 严格的，体现在一些标签不能使用，比如u Transitional 普通的 Frameset 带有框架的页面 |
XHTML1.0 严格体现在小写标签、闭合、引号 |
Strict 严格的，体现在一些标签不能使用，比如u Transitional 普通的（开发使用） Frameset 带有框架的页面 |
二、基本语法特性
2.1 HTML 换行不敏感，对tab 不敏感
HTML 不是靠缩进来表示嵌套的，主要是看标签的包裹关系（但是平时还是会缩进，主要是方便代码的阅读）
2.2 空白折叠
HTML 中所有的文字之间，如果有空格、换行、tab 都会被折叠成为一个空格显示
2.3 标签要严格封闭
标签一定要封闭
三、常用基本标签
3.1 title 标签
title 标签的唯一作用就是定义网页的标题
<title>网页的标题<title/>
3.2 meta 标签
meta 标签一般用于定义页面的特殊信息，例如页面关键字，页面描述等。
在html 中meta标签有两个重要的属性：name 和 http-equiv。
name:
<meta name="keywords" content="网页的关键字，可以是多个，而不仅仅是一个">
<meta name="description" content="网页的描述">
<meta name="author" content="网页的作者信息">
<meta name="copyright" content="版权信息">
http-equiv:
有两个重要的作用：定义网页所使用的编码；定义网页自动刷新跳转；
<meta http-equiv="content-type" content="text/html" charset="UTF-8">
字符集采用meta 标签定义，表示基本的项目配置
charset 就是字符集的意思。
中文能够使用的字符集有两种：UTF-8 、GB2312 (或GBK) 字库规模 ： UTF-8(默认) > GB2312(只有汉字)
UTF-8 里面存储一个汉字 3 个字节，GB2312 存储一个汉字 2 个字节，保存大小 ：UTF-8(臃肿，加载慢) > GB2312(更小巧，加载更快)
<meta http-equiv="refresh" content="6;url=http://www.baidu.com">这段代码表示当前页面在6秒后会自动跳转到http://www.baidu.com
3.3 style 标签
style 标签用户定于元素的CSS 样式
3.4 script 标签
script 标签用于定义页面的JavaScript 代码，可以引入外部的JavaScript 文件。
可以设置整体链接的打开状态 <base target="_blank" />
3.7 特殊字符标签
四、文本标签
4.1 标题标签 h 系列 （header）
<h1> 到 <h6> 都是标签。
h 标签没有嵌套关系，h 是容器级标签。
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
4.2 段落标签 p 标签
HTML 标签是分等级的，一般标签分为两种：容器级标签、文本级标签
容器级标签是里面可以放置任何东西；
文本级标签里面只能放置文字、图片、表单元素。
p 标签是文本级标签，所以说内部只能放文字、图片、表单元素。
4.3 换行标签 <br />
<p>窗前明月光，疑是地上霜。<br /> 举头望明月，疑似地上霜。</p>
4.4 文本格式化标签
<b></b>和<strong></strong> 文字以粗体方式显示(XHTML 推荐使用strong)
<i></i>和<em></em> 文字以斜体方式显示(XHTML中推荐使用em)
<s></s>和<del></del> 文字以加删除线方式显示(XHTML 中推荐使用del)
<u></u>和<ins></ins> 文字以加下划线方式显示(XHTML中推荐使用u)
<b>加粗</b> <strong>加粗</strong>
<i>斜体</i> <em>斜体</em>
<s>删除线</s> <del>删除线</del> 中划线
<u>下划线</u> <ins>下划线</ins>
<sup></sup> 实现文本的上标效果
<sub></sub> 实现文本的下标效果
<hr /> 水平线标签 单标签
4.5 div 标签（division 分区）
在HTML中，可以使用div 标签来划分HTML结构，从而配合CSS 来“整体”控制某一块的样式。
div 内部可以放入其他标签。div 标签的重要用途即使划分区域，使得结合CSS 针对该区域进行样式控制。
4.6 自闭和标签
在HTML 中，标签可以分为两种，一般标签和自闭合标签。
区别：
一般标签：有开始和结束符号，因此可以在其内部插入其他标签和文字；
自闭合标签：由于只有开始没有结束符号，不能在其内部插入标签或文字。
<meta /> 定义网页的信息
<link /> 引入外部的CSS文件
<br /> 换行标签
<hr /> 水平线标签
<img /> 图片标签
<input /> 表单标签
4.7 块元素和行内元素
4.1 能用的图片类型
网页上一般能够插入的图片类型是：jpg(jpeg)、gif、png 、bmp。
不能插入的图片类型是：psd、ai。
4.2 语法
HTML 是直接插入图片，而是插入图片的引用地址。
插入方法：<img src="aa.jpg" />
src 是标签的属性，aa.jpg 是属性的值
| 属性 | 属性值 |
描述 |
| src | url |
图像的路径 |
| alt | 文本 | 图像不能显示时的替换文本 |
| title | 文本 | 鼠标悬停时显示的内容 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 数字 | 设置图像边框的宽度 |
4.3 alt 属性
<img src="aa.jpg" alt="aa">
4.4 相对路径
1、图像文件和HTML文件位于同一文件夹，只需输入图像名称即可，如<img src="logo.fig" />
2、图像文件位于HTML文件的下一级文件夹，输入文件夹名和文件名，之间用“/”隔开，如<img src="img/img01/logo.fig" />
3、图像文件位于HTML文件的上一级文件夹，在文件名之前加入“../”,如果是上两级就用“../../”,以此类推。
开发中图片都会放在一个固定的文件夹中，一般是用相对路径来查找图片的。
<img src="images/aa.jpg" alt="aa">
如果图片在浅一层的文件夹中可以是：
<img src="../aa.jpg" alt="">
<img src="../../photo/1.jpg" alt="">五、超级链接
5.1 基本写法
<a href="1.html">测试</a>href 是 hypertext reference 超文本地址的缩写。
5.2 a 标签的另外两个属性
<a href="1.html" title="悬停文本" target="_blank">测试</a>
target ：是否在新窗口中打开，_blank 就是在新的空白页中打开，如果不写就是在当前页中打开。
5.3 页面内的锚点
页面当中也可以有锚点，就是一个小标记，这个锚点用户是不可察觉的。
锚点用 name 属性来设置，一个 a 标签如果有 name 属性（或者id 属性），那么就是页面的一个锚点。
<a href="#bta">点击跳转到标题A</a>
/****内容****/
<a name="bta">标题A</a>5.4 a 标签是一个文本级标签
a 是一个文本级标签，比如想一个段落所有文字都被点击，那么应该是：
<p>
<a href=""> 段落文字</a>
</p>