![787d8d101624680ae854019de0fdeecd.png](https://i-blog.csdnimg.cn/blog_migrate/624f9908b9647cbddf62583fd7fc7646.png)
HTML 是网页使用的语言,定义了网页的结构和内容。浏览器访问网站,其实就是从服务器下载 HTML 代码,然后渲染出网页。
HTML 的全名是“超文本标记语言”(HyperText Markup Language),上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李(Tim Berners-Lee)发明。它的最大特点就是支持超链接,点击链接就可以跳转到其他网页,从而构成了整个互联网。
1999年,HTML 4.01 版发布,成为广泛接受的 HTML 标准。2014年,HTML 5 发布,这是目前正在使用的版本。
浏览器的网页开发,涉及三种技术:HTML、CSS 和 JavaScript。HTML 语言定义网页的结构和内容,CSS 样式表定义网页的样式,JavaScript 语言定义网页与用户的互动行为。HTML 语言是网页开发的基础,CSS 和 JavaScript 都是基于 HTML 才能生效,即使没有这两者,HTML 本身也能使用,可以完成基本的内容展示。由于我们之前已经看过了原生的JavaScript,所以接下来的章节只介绍 HTML 语言。
下面就是一个简单网页的 HTML 源码:
![87b72abc7acdb08185a6f2789d7d91d6.png](https://i-blog.csdnimg.cn/blog_migrate/d1df27f87d55fcac9e8d911dafd11596.png)
上面这段代码,可以保存成文件hello.html。浏览器打开这个本地文件,就能看到文字“Hello HTML”:
![7c834a1908fb7554fba9b668b28183b6.png](https://i-blog.csdnimg.cn/blog_migrate/5163151b88399cfe91df32b20ad712e6.png)
浏览器右键菜单的“查看源码”(View page source),可以展示当前网页的 HTML 源码:
![43a2a8bed0b1dc731227b85ab82317bc.png](https://i-blog.csdnimg.cn/blog_migrate/8b61dcba7a15d3f6591b77bb424a89ab.png)
![7a1e2acc960f0c0a33f6a012e53e86fe.png](https://i-blog.csdnimg.cn/blog_migrate/4553b9f10e8111c56ba31154f82da143.png)
1 网页的基本概念
1.1 标签
网页的 HTML 代码由许许多多不同的标签(tag)构成。学习 HTML 语言,就是学习各种标签的用法。
下面就是标签的一个例子:
<
上面代码中,<title>和</title>就是一对标签。
标签用来告诉浏览器,如何处理这段代码。标签的内容就是浏览器所要渲染的、展示在网页上的内容。
标签放