HTML1-3章总结
HTML
第⼀章HTML5基础
HTML简介及发展史
什么是HTML？
简单来说：
HTML是⽤来描述⽹页的⼀种语⾔，它是⼀种超⽂本语⾔，也就是说，它是⼀种标记语⾔，也就是说，HTML不是⼀种编程语⾔，仅是⼀种标记语⾔。
既然HTML是标记语⾔，那么HTML由⼀套标记标签组成，在制作⽹页时，HTML使⽤标记标签来描述⽹页。
HTML的历史
超⽂本标记语⾔（第⼀版）——在1993年6⽉作为互联⽹⼯程⼯作⼩组（IETF）⼯作草案发布（并⾮标
准）：
HTML 2.0——1995年11⽉作为RFC 1866发布，在RFC 2854于2000年6⽉发布之后被宣布已经过时
HTML 3.2——1997年1⽉14⽇，W3C推荐标准
HTML 4.0——1997年12⽉18⽇，W3C推荐标准
HTML 4.01（微⼩改进）——1999年12⽉24⽇，W3C推荐标准
HTML 5——2014年10⽉28⽇，W3C推荐标准
HTML5的优势
HTML5正式推出以来，就以⼀种惊⼈的速度被迅速推⼴。
接下来我为你介绍HTML为什么这么受欢迎。
1.世界知名浏览器⼚商对HTML的⽀持
通过世界知名浏览器发展策略调查，发现它们都⽀持HTML5上采取措施。
2.市场的需求
现在的市场已经迫不及待的要求有⼀个统⼀的互联⽹常⽤标准。HTML5之前的情况是由于各浏览器之前的不统⼀，仅是修改Web浏览器之间的由于兼容性⽽引起的bug就浪费了⼤量时间。⽽HTML5的⽬标就是将Web带⼊⼀个成熟的应⽤平台，在HTML5平台上，视频，⾳频，图像，动画及计算机分交换被标准化。
3.跨平台
HTML5可以做到跨平台开发，⽤户只⽤打开浏览器即可访问应⽤，pc⽹站，各种移动设备，插件等核⼼代码就可以不需要重新编译，极⼤的减少了开发⼈员的⼯作量。
4.W3C标准
W3C标准不是某⼀个标准，⽽是⼀系列标准集合，⼀个⽹页主要由三部分组成，即结构，表现和⾏为。其中，W3C标准包括结构化标准语⾔（HTML）。
HTML5⽂件的基本结构
前⾯讲过HTML是⼀种超⽂本标记语⾔，如⽹页中的⼀个标题，⼀个段落，⼀张图⽚等，这些都是利⽤⼀个个HTML标记完成的。最基本的语法如下：
⽹页的基本信息
1.DOCTYPE声明
约束HTML⽂档结构，检查是否符号相关Web标准，同时告诉浏览器，使⽤哪种规范来解释这个⽂档中的代码。DOCTYPE必须位于HTML ⽂档的第⼀⾏。
</!doctype>
2.
使⽤
#### 3.标签
使⽤该标签描述⽹页的摘要信息，包括⽂档内容的信息，字符编码信息，搜索关键字,⽹站提供的功能和服务的详细描述等.
(1)⽂档内容类型，字符编码信息如下.
属性:char表⽰字符集编码，常⽤的编码有以下⼏种.
gb312：简体中⽂,⼀般⽤于包含中⽂和英⽂的页⾯
ISO-885901：纯英⽂,⼀般⽤于只包含英⽂的页⾯
big5：繁体,⼀般⽤于带有繁体字的页⾯
UTF-8：国际通⽤的字符编码，同样适⽤于中⽂和英⽂页⾯，和gb312编码相⽐，国际通⽤性更好
在保存⽂件时编码⽅式⼀定要与HTML5页⾯中标签中的编码⽅式保持⼀致，否则，将会出现乱码
(2)搜索关键字和内容描述信息书写如下
实现的⽅式仍然为,"名称/值"对的形式，其中keywords表⽰搜索关键字,discription表⽰⽹站内容的具体描述.通过提供关键字和内容描述信息,⽅便搜索引擎的搜索.
⽹页的基本标签
1.标题标签
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8"/>
<title>不同等级的标题标签对⽐</title>
</head>
html ul标签<body>
<h1>⼀级标题</h1>
<h2>⼆级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
</html>
h1到h6
显⽰出来的效果如下：
2.段落标签和换⾏标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>段落标签的应⽤</title>
</head>
<body>
<h1>北京欢迎你</h1>
<p>北京欢迎你，有梦想谁都了不起</p>
<p>有勇⽓就有奇迹.</p>
</body>
</html>
段落标签
…
表⽰⼀段⽂字等内容.例如希望描述"北京欢迎你"这⾸歌，包括歌名(标题)和歌词(段落)，则展⽰效果如下:
3.⽔平线标签
⽔平线标签
表⽰⼀条⽔平线，该标签与
⼀样⽐较特殊，没有结束标签.
<!DOCTYPE html>
<html>
<head>
<head lang="en">
<meta charset="UTF-8">
<title>换⾏标签的应⽤</title>
</head>
<body>
<h1>北京欢迎你</h1>
<p>
北京欢迎你，有梦想谁都了不起!<br/>有勇⽓就会有奇迹.<br/>
北京欢迎你，为你开天辟地<br/>
流动中的魅⼒充满着朝⽓.<br/>
北京欢迎你，在太阳下分享呼吸<br/>在黄⼟地刷新成绩.<br/>
北京欢迎你，像⾳乐感到你<br/>
让我们加油⾃⼰去超越.<br/>
</p>
</body>
</html>
显⽰出来的效果如下：
HTML中常⽤的特殊符号及其对应的字符实体
特殊符号字符实体⽰例
空格
⼤于号(>)>如果时间>晚上6点，就坐车回家
⼩于号(<)&It；如果时间早上7点就⾛路去上学
引号(")"W3C规范中,HTML的属性值必须要⽤成对的" 版权符号(@)©©200013-2018北⼤青鸟
代码如下：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<title>特殊符号的应⽤</title>
</head>
<body>
©20013-2018 Beijing Aptech Beida Jade Bird Infor
mation TechnllotyCo.Lad<br />
北京阿博泰克北⼤青鸟信息技术有限公司  
</body>
</html>
4.图像标签
1.JPG格式
此格式最适合⽤于摄影或连续⾊调图像的⾼级格式，这是因为JPG⽂件可以包含数百种颜⾊，随着JPG格式⽂件品质的提⾼,⽂件的⼤⼩和下载时间也会随之增加.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。