一、HTML5基础
1. HTML5文件的基本结构和W3C标准
1.1 HTML简介
HTML是用来描述网页的一种语言，它是一种超文本标记语言。也就是说，HTML不是一种编程语言，仅是一种标记语言。它由一套标记标签组成，在制作网页时，HTML使用标记标签来描述网页。
1.2 HTML5的优势
a. 世界知名浏览器厂商对HTML的支持
b. 市场的需求
c. 跨平台
1.3 W3C标准
1.3.1使用W3C标准的原因
各浏览器之间互不兼容，导致HTML编码规则混乱，违背了HTML发明的初衷，因此需要一个组织来制定和维护统一的国际化Web开发标准，那就是万维网联盟(W3C)。因此由W3C组织制定和维护的Web开发标准，也称为W3C标准。它是Web技术领域最权威和具有影响力的国际中立性技术标准机构。
1.3.2 W3C标准的介绍
W3C 标准不是某一个标准，而是一系列的标准集合，一个网页主要由三部分组成，即结构、表现和行为。不很严谨地说“结构”“表现”“行为”分别对应了三种非常常用的技术，即HTML，CSS，javaScript。也就是说HTML用来决定结构和内容，CSS用来设定网页的表现样式，JavaScript用来控制网页的行为。
1.4 HTML5文件的基本结构
HTML最基本的语法是<标记>内容</标记>。标记在有的地方也称为标签或者元素，以“<>”开始，以“</>”结束，标签之间有缩进，体现层次感，方便阅读和修改。HTML5的基本结构分为两部分，分别是头部和主体，头部包括网页标题(title)等基本信息，主体包括网页的内容信息。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body></body>
</html>
2. 网页的基本标签
2.1 标题标签
标题标签表示一段文字的标题或主题，并且支持多层次的内容结构。HTML共提供了六级标题< h1>~< h6>,所有标题字体加粗，< h1>字号最大，< h6>字号最小。
2.2段落标签和换行标签
一个段落中可以包含多行文字；文字内容将随浏览器窗口的大小自动换行。换行< br/>标签表示强制换行显示，该标签比较特殊，没有结束标签。
2.3 水平线标签
顾名思义，水平线标签< hr/>表示一条水平线。
2.4 字体样式标签
在网页中，可以使用< strong>标签来让字体变粗，< em>标签让文字倾斜。< strong>标签是一个带有语义化的标签。它有强调，加强语气的作用。
2.5 注释和特殊符号
在页面的HTML结构复杂或内容较多时，需要添加必要的注释方便代码阅读和维护。
语法：
<!--注释内容-->
HTML中常用的特殊符号及其对应的字符实体
| 特殊字符 | 字符实体 | 示例 |
|---|---|---|
| 空格 | & nbsp; | <a href=“#">百度< /a>& nbsp; |
| 大于号(>) | & gt; | 如果时间& gt;晚上六点，坐车回家 |
| 小于号(<) | & lt; | 如果时间& lt;早上七点，就走路去上学 |
| 引号(") | & quot; | HTML属性值必须用& quot;引起来 |
| 版本符号(©) | & copy; | & copy; 20013-2018北大青鸟 |
3. 图像标签
3.1 常见的图像格式
3.1.1 JPG格式
JPG 格式图像是在Internet上被广泛支持的图像格式，它是联合图像专家组格式的英文缩写。此格式最适合用于摄影或连续色调图像的高级格式，这是因为JPG文件可以包含数百万种颜色。通常可以通过压缩JPG格式文件在图像品质和文件大小之间达到良好的平衡。
3.1.2 GIF格式
GIF格式图像是网页中使用最广泛、最普遍的一种图像格式，它是图像交换格式的英文缩写。GIF格式文件支持透明色，使得GIF格式在网页的背景和一些多层特效的显示上用得非常多。
3.1.3 BMP格式
BMP格式图像在Windows操作系统中使用得比较多，它是位图的英文缩写。它与其他 Microsoft Windows 程序兼容。
3.1.4 PNG格式
PNG格式是图像文件存储格式，它兼有GIF格式和JPG格式的优势，它是一种新兴的Web图像格式。
3.2 图像标签的基本语法
<img src="图片地址" alt="图像的替代文字" title="鼠标悬停提示文字" width="图片宽度" height="图片高度"/>
4. 超链接标签
4.1 超链接的基本用法
超链接包含两部分内容，一是链接地址，即链接的目标，可以是某个网址或文件的路径，对应为<
最低0.47元/天 解锁文章
784
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
