一 HTML的语法
1.1 什么是html标记语言
表示网页信息的符号标记语言
1.1.1 特点
可以设置文本的格式，比如标题,字号,文本颜色,段落等等
可以创建列表
可以插入图像和媒体
可以建立表格
超链接，可以使用鼠标点击超链接来实现页面之间的跳转
1.2 html的标记和它的属性
1.2.1 html文档的保存格式
.html
.htm
.xhtml
1.2.2 标记和别标记的内容构建出html文档
1.2.2.1 格式
<标记>
内容
</标记>
1.2.3 标记的属性
1.2.3.1 标记的属性
就是用来控制我们的内容（图像、文本等）如何的显示
1.2.3.2 格式
<标记 属性1=属性值 属性2=属性值... ...>
内容
</标记>
例如<body bgcolor="red">内容</body>
以上的属性是用来控制我们的网页的背景颜色，bgcolor就是body的属性，它的值是red（红色）
1.3 语法不区分字母大小写
<HTML>、<Html>、<html>都是定义相同的标记，但是在编写网页的时候尽量使用小写
1.4 文档注释
注释一段内容时使用"<!--"开始，以"-->"结束
例如<!--山有木兮木有枝，心悦君兮知不知-->
1.5 代码格式
空格键和回车键在网页中都不会起到任何作用，为了让代码清晰易读，可以使用空格键和回车键进行编排
注意：缩进时保持严格的规则，以“Tab”键进行缩进
1.6 字符实体
1.6.1 什么是字符实体
比如我们想在网页上面显示一个"<"小于符号，但是"<"在HTML中是文档标记的开始语言，如果我们直接使用"<"会出差错，所以我们就会用一些实体名称来代替
1.6.2 常见的字符实体
显示结果 描述 实体名称 实体编号
空格    
< 小于号 < <
> 大于号 > >
& 和号 & &
" 引号 " "
‘ 撇号 &apos(IE不支持) '
￥ 日圆 ¥ ¥
× 乘号 × ×
÷ 除号 ÷ ÷
欧元 &euro €
注册商标 ® ®
版权 © ©
￡ 镑 £ £
￠ 分 ¢ ¢
§ 小节 § §
商标 &trade ™
二 HTML的基本结构
2.1 <html>内容</html>
2.1.1 解释
HTML文档的文档标记，也称为HTML开始标记
2.1.2 功能
这对标记分别位于网页的最前端和最后端
<html>在最前端表示网页的开始
</html>在最后端表示网页的结束
2.2 <head>内容</head>
2.2.1 解释
HTML文件头标记，也称为HTML头信息开始标记
2.2.2 功能
用来包含文件的基本信息，比如网页的标题，关键字，在<head></head>内可以放<title></title>.<meta></meta>.<style></style>等等标记
2.2.3 注意
在<head></head>标记内的内容不会在浏览器中显示
2.3 <title>内容</title>
2.3.1 解释
HTML文件标题标记
2.3.2 功能
网页的“主题”，显示在浏览器的窗口的左上方
2.3.3 注意
网页的标题不能太长，要短小精悍，能具体反应页面的内容，<title></title>标记中不能包含其他标记
2.4 <body>内容</body>
2.4.1 解释
HTML文档的主体标记
2.4.2 功能
<body>...</body>是网页的主体部分，在此标记之间可以包含如<p></p>、<h1></h1>、<br></br>、<hr></hr>等等标记，正是由这些内容组成了我们所看见的网页
2.4.3 body标记的常见属性
2.4.3.1 bgcolor 设置背景颜色
<body bgcolor="red"></body>
2.4.3.2 text 设置文本颜色
<body text="green"></body>
2.4.3.3 link 设置链接颜色
<body link="blue"></body>
2.4.3.4 vlink 已经访问了的链接颜色
<body vlink="yellow"></body>
2.4.3.5 alink 正在被点击的链接颜色
<body alink="red"></body>
2.5 <meta>内容</meta>
2.5.1 解释
页面的元信息（meta-information）
2.5.2 功能
提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词
2.5.3 必需的属性
2.5.3.1 content
值：some_text
定义与http-equiv或name属性相关的元信息
2.5.4 常见的属性
2.5.4.1 常用的name属性
author
keywords 把content属性关联到一个名称，比如描绘出网页的关键词：
description 比如描绘出网页的关键词：<meta name="keywords"
others content="执子之手，与子偕老"
2.5.5 注意meta标记必须放在head元素里面