本章目录

1.1 HTML介绍及开发工具

1.1.1 HTML 的基本概念

1.1.2 网页

1.1.3 Web 标准

1.1.4 HTML5 与移动互联网

1.1.5 网页开发工具

1.2 HTML5 标签

1.2.1 HTML5 标签概述

1.2.2 doctype 标签

1.2.3 html标签

1.2.4 head 标签

1.2.5 meta 标签

1.2.6 title 标签

1.2.7 body 标签

1.3 文本和超链接标签

1.3.1 标题标签

1.3.2 段落标签

1.3.3 换行标签

1.3.4 水平标签

1.3.5 强调标签

1.4 图片标签与超链接标签

1.4.1  图片标签

1.4.2  超链接标签

小结：

总结：

一、WWW（World Wide Web，万维网）

是一种建立在 Internet 上的、全球性的、交互的、多平台的、分布式的信息资源网络，其采用 HTML 语言描述超文本（Hypertext）文件。

二、WWW的组成：

WWW 有 3 个基本组成部分，分别是

1、URL（统一资源定位器）：

URL（Universal Resource Locators，统一资源定位器）提供在 Web 上进入资源的统一方法和路径，使得用户所要访问的站点具有唯一性，这就相当于我们每个人只有一个身份证号一样。它说明了链接所指向的每个文件的类型及其准确位置。

2、HTTP（超文本传输协议）

HTTP（Hypertext Transfer Protocol，超文本传输协议） HTTP 是一种网络上传输数据的协议，专门用于传输以超文本（Hypertext）或超媒体（Hypermedia）的形式提供的信息。

3、HTML（超文本标记语言）

HTML（Hypertext Markup Language，超文本标记语言）是一种简易的文件交换标准，纯文本类型的语言，使用 HTML 编写的网页文件也是标准的纯文本文件。由于 HTML 所描述的文件具有极高的适应性，所以特别适合于 WWW 的网络环境。

HTML文件可以直接由浏览器解释执行，而无需编译。当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容。因此，网页显示的速度同网页代码的质量有很大的关系，保持精简和高效的 HTML 源代码是十分重要的。

网页通常是 HTML 语言编写的扩展名为“.html”或“.htm”的文件。网页必须通过网页浏览器来阅读。网页由文字、图片、视频、动画以及音乐等内容组成，用于在网络上传递丰富的信息。

W3C 英文全称是 World Wide Web Consortium，是 Web 标准的英文写法。Web 标准不是某一个标准，而是一系列标准的集合。Web 标准分为3 个方面：

从系统无关到设备无关

改变 Web 开发的局限

手工直接编写：由于 HTML 语言编写的文件是标准的 ASCII 文本文件，所以可以使用任何文本编辑器来打开并编写 HTML 文件，如 windows 系统中自带的记事本。

使用可视化软件：Microsoft 公司的 frontpage、Adobe 公司的 Dreamweaver 和 golive 等软件均可以可视化的方式进行网页的编辑制作。

手工直接编写：

使用可视化软件编写：

Adobe Dreamweaver 是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以制作出跨越设备平台和浏览器限制的充满动感的网页。

使用可视化软件编写：

HTML5 文档由文字及标签组合而成。一般标签是由一个起始标签和一个结束标签所组成，使用“”两个尖括号括起来。

语法：

说明：其中，x 代表标签名称。 和 就如同一组开关：起始标签 为开启的某种功能，而结束标签 为关闭功能，文字信息便放在两标签之间。

空标签：虽然大部分的标签是成对出现的，但也有一些是单独存在的。这些单独存在的标签称为空标签（EmptyTags）。

语法：

doctype 是 document type（文档类型）的简写，用于说明使用的 HTML 是什么版本。doctype 声明必须放在每一个 HTML5 文档最顶部，在所有标签之上。目前常见的 doctype 声明写法及意义见表

HTML 版本

doctype 声明

HTML5       

doctype html>

XHTML1.0      

HTML4.0   

在任何的一个 HTML 文件里，最先出现的 HTML 标签就是 ， 是成对出现的，首标签 和尾标签 分别位于文件的最前面和最后面，文件中的所有文件和 html标签都包含在其中。

语法：

是一个表示网页头部的标签。它包含文件的标题、编码方式及 URL 等信息。这些信息大部分是用于提供索引、辨认或其他方面的应用。

语法：

为了符合 Web 标准，所有的 HTML5 文档都必须声明它们所使用的字符编码语言，我们通常使用 utf-8、gb2312（简体中文）字符集表达中文字符。它包含在 head 标签里面。

语法：