链接标签
链接（hyperlink）是互联网的核心。它允许用户在页面上，从一个网址跳转到另一个网址，从而把所有资源联系在一起。
URL
是链接指向的地址。链接不仅可以指向另一个网页，也可以指向文本、图像、文件等资源。可以这样说，所有互联网上的资源，都可以通过链接访问。
<a>
链接通过<a>标签表示，用户点击后，浏览器会跳转到指定的网址。下面就是一个典型的链接。
1<a href="https://wikipedia.org/">维基百科</a>
上面代码就定义了一个超级链接。浏览器显示“维基百科”，文字下面默认会有下划线，表示这是一个链接。用户点击后，浏览器跳转到href属性指定的网址。
<a>标签内部不仅可以放置文字，也可以放置其他元素，比如段落、图像、多媒体等等。
123<a href="https://www.example.com/"> <img src="https://www.example.com/foo.jpg">< ...
图像标签
图片是互联网的重要组成部分，让网页变得丰富多彩。本章介绍如何在网页插入图片。
<img>
<img>标签用于插入图片。它是单独使用的，没有闭合标签。
1<img src="foo.jpg">
上面代码在网页插入一张图片foo.jpg。src属性指定图片的网址，上例是相对
URL，表示图片与网页在同一个目录。
<img>默认是一个行内元素，与前后的文字处在同一行。
1<p>Hello<img src="foo.jpg">World</p>
上面代码的渲染结果是，文字和图片在同一行显示。
图像默认以原始大小显示。如果图片很大，又与文字处在同一行，那么图片将把当前行的行高撑高，并且图片的底边与文字的底边在同一条水平线上。
<img>可以放在<a>标签内部，使得图片变成一个可以点击的链接。
123<a href="example.html"> <img src="foo.jpg&quo ...
列表标签
列表是一系列排列好的项目，主要分成两类：有序列表和无序列表。
有序列表是每个列表项前面有编号，呈现出顺序，就像下面这样。
1231. 列表项 A2. 列表项 B3. 列表项 C
无序列表则是列表项前面没有编号，只有一个列表符号，默认是一个圆点。
123· 列表项 A· 列表项 B· 列表项 C
<ol>
<ol>标签是一个有序列表容器（ordered
list），会在内部的列表项前面产生数字编号。列表项的顺序有意义时，比如排名，就会采用这个标签。
12345<ol> <li>列表项 A</li> <li>列表项 B</li> <li>列表项 C</li></ol>
上面代码会在列表项 A、B、C 前面，分别产生1、2、3的编号。
<ol>标签内部可以嵌套<ol>标签或<ul>标签，形成多级列表。
1234567891011<ol> <li>列表项 A</li> <l ...
文本标签
历史上，网页的主要功能是文本展示。所以，HTML
提供了大量的文本处理标签。
<div>
<div>是一个通用标签，表示一个区块（division）。它没有语义，如果网页需要一个块级元素容器，又没有其他合适的标签，就可以使用这个标签。
它的最常见用途就是提供 CSS
的钩子，用来指定各种样式。所以在早期，下面层层包裹的<div>就很常见。
1234567<div class="main"> <div class="article"> <div class="title"> <h1>文章标题</h1> </div> </div></div>
上面代码读起来很费力，因为不带有语义。后来，HTML 5
就提出了语义标签，改进了上面的代码。
1234567<main> <article> <header> < ...
网页的语义结构
HTML
标签的名称都带有语义（semantic），使用时应该尽量符合标签的语义，不要用错误语义的标签。语义良好的网页，天然具有良好的结构，对于开发者易读易写，容易维护，也能帮助计算机更好地处理网页内容。
含义
HTML
标签的一个重要作用，就是声明网页元素的性质，使得用户只看标签，就能了解这个元素的意义，阅读
HTML 源码就能了解网页的大致结构。这被称为 HTML 的语义原则。
下面就是一个典型的语义结构的网页。
12345678910<body> <header>页眉</header> <main> <article> <h1>文章标题</h1> <p>文章内容</p> </article> </main> <footer>页尾</footer></body>
只看上面的代码，就可以知道，页面分成页眉（<header>）、主体（<main& ...
HTML 字符编码
简介
网页包含了大量的文字，浏览器必须知道这些文字的编码方法，才能把文字还原出来。
一般情况下，服务器向浏览器发送 HTML 网页文件时，会通过 HTTP
头信息，声明网页的编码方式。
1Content-Type: text/html; charset=UTF-8
上面代码中，HTTP
头信息的Content-Type字段先声明，服务器发送的数据类型是text/html（即
HTML 网页），然后声明网页的文字编码是UTF-8。
网页内部也会再用<meta>标签，再次声明网页的编码。
1<meta charset="UTF-8">
字符的数字表示法
网页可以使用不同语言的编码方式，但是最常用的编码是 UTF-8。UTF-8
编码是 Unicode
字符集的一种表达方式。这个字符集的设计目标是包含世界上的所有字符，目前已经收入了十多万个字符。
每个字符有一个 Unicode 号码，称为码点（code
point）。如果知道码点，就能查到这是什么字符。举例来说，英文字母a的码点是十进制的97（十六进制的61），汉字“中”的 ...
网页元素的属性
简介
网页元素的属性（attribute）可以定制元素的行为，不同的属性会导致元素有不同的行为。元素属性的写法是
HTML 标签内部的“键值对”。
1<html lang="en">
上面代码中，<html>标签内部的键值对lang="en"，就称为html元素的属性。属性名为lang，属性值为en。
属性名与标签名一样，不区分大小写，lang和LANG是同一个属性。
属性名与属性值之间，通过等号=连接。属性值可以放在单引号或双引号之中，建议统一使用双引号。某些属性值可以不使用引号，但是建议不要这样写。
有些属性是布尔属性，即属性值是一个布尔值，只有“打开”和“关闭”两种情况。这时属性值可以省略，只要添加了属性名，就表示打开该属性。
1<input type="text" required>
上面代码中，required就是<input>标签的布尔属性。如果加上这个属性，就表示打开，没有就是关闭。
全局属性
全局属性（global
attributes）是所有元素都可以使用的属性 ...
URL 简介
概述
URL 是“统一资源定位符”（Uniform Resource
Locator）的首字母缩写，中文译为“网址”，表示各种资源的互联网地址。下面就是一个典型的
URL。
1https://www.example.com/path/index.html
所谓资源，可以简单理解成各种可以通过互联网访问的文件，比如网页、图像、音频、视频、JavaScript
脚本等等。只有知道了它们的 URL，才能在互联网上获取它们。
只要资源可以通过互联网访问，它就必然有对应的 URL。一个 URL
对应一个资源，但是同一个资源可能对应多个 URL。
URL
是互联网的基础。互联网之所以“互联”，就是因为网页可以通过“链接”（link），包含其他
URL。用户只要点击，就可以从一个 URL 跳转到另一个
URL，前往不同的网站。
网址的组成部分
URL 由多个部分组成。下面是一个比较复杂的 URL，实际的 URL
通常不会有这么多部分。
1https://www.example.com:80/path/to/myfile.html?key1=value1&key2=value2 ...
HTML 语言简介
概述
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
本身也能使用，可以完成基本的内容展示。本教程只介绍 HTML 语言。
下面就是一个简单网页的 HTML 源码。
123456789 ...