用户在通过Internet访问浏览网页时，会看到各种文字信息、链接、图标等等的内容。
前言
按下F12，网页源码如下：
HTML：也就是Hyper Text Markup Language 的缩写，中文翻译超文本标记的语言，是制作网页的最基本语言，具体特点如下：
- Hyper（超）：相对于线性Linear而言的，HTML之前的计算机程序大多都是线性，也就是必须由上至下顺序执行，但是HTML制作的网页可以从其中的超链接随意跳转访问。
- Text（文本）：不同于一些编译型的语言，例如C、C++或者Java等等，HTML是一种文本解释性的语言，源码不经过编译而是通过直接在浏览器中翻译运行。
- Markup（标记）：HTML的基本规则就是标记语言（成对尖括号构成的标签元素）来描述网页内容如何在浏览器中显式。
- language（语言）：HTML是一种语言，但是具体是一种解释型语言，所有的标记都会被浏览器翻译成最终显示的效果。
更详细的解释请看该文：HTML文件介绍。
一、HTML标签介绍
所有 HTML 标签都有一个标签名称，有些标签还有一个可选的属性列表。这些标签在使用时必须用尖括号“<”和“>”括起来，而且一般都是成对出现的，无斜杠的标签表示该标签的作用是开始，有斜杠的标签表示该标签的作用是结束。
HTML标签和大小写是无关的，<html>和<HTML>表示的意思一样，推荐使用小写。
<标签名>内容</标签名>
- 双标签：双标签指标签是成对出现的，也就是有一个开始标签和一个结束标签，开始标签用 <标签名> 表示，结束标签用 </标签名> 表示，只有一对标签一起使用才能表示一个具体的含义。例如
<html></html>表示一个 HTML 文档。 - 单标签：指的是标签没有成双成对出现，也就是只用一个标签就能够表示一个具体的含义，例如
<br>就是表示换行、<hr>表示一条水平横线。为了符合 W3C 规范，单标签必须在标签后面加一个斜杠，即<br/>、<hr/>，所以单标签通用格式为 <标签名/>。
二、HTML属性
HTML属性一般出现在HTML标签中，是HTML标签的一部分，属性能够对标签进行补充说明。在一行文本中采用标题标签<h1>。
<h1>学习“使用前端技术展现Web系统”课程</h1>
也可以利用属性进一步指定文本居中显示：
<h1 align="center">“使用前端技术展现Web系统”</h1>
所有属性都放在起始标签的尖括号内，并相互用空格分开。有些属性要求用引号，有些则不要求，大多数属性（只包括字母、数字、连字符和点号的）可以不需要引号。例如，可以写成 align=center 或 align = “center”，所有浏览器均能用相同方式显示。但是，包括空格、%、# 等其他字符的属性值则需要用引号。例如用 width 属性表示文档元素占文档窗口宽度的百分数，则必须写成 width="100%"。但同样是为了符合 W3C 标准，要求所有的属性值都使用引号。
在一个标签中可以设置多个属性，语法形式如下：
<标签名 属性名1="属性值1" 属性名2="属性值2" ... 属性名N="属性值N">内容</标签名>
有多个属性说明标签时，它们出现的先后顺序不影响页面显示的结果。
W3C标准
常用的规范如下：
- 由一对尖括号包裹的单词构成，例如：
<html>。 - 标签不区分大小写
<html>和<HTML>，推荐使用小写。 - 标签分为两部分：开始标签<
html>和结束标签</html>，两个标签之间的部分称之为标签体。 - 有些标签功能比较简单，使用一个标签即可，这种标签叫做自闭和标签，例如：
<br/>、<hr/>、<img/>等。 - 标签可以嵌套，例如：
<a><b></b></a>；但是不能交叉嵌套，例如：<a><b></a></b>。
< html>标签
<html>标签标识当前文档是HTML文件。
<html>标签置于HTML文档的最前边，用来标识HTML文档的开始，而</html>标签标识恰好相反，放在文档的最后。
两个文档标签必须成对使用，网页的所有其他内容都会被放在<html>和</html>标签之间。
<html>
包含<head>、<body>等其他标签
</html>
作用如下：
- 可以在浏览者保存该页面时成为默认的保存文件名。
- 方便搜索引擎索引界面。
- 搜索引擎显示的页面标题往往就是网页
<title>标签的内容。 - 可以在浏览者将该网址添加进收藏夹时成为收藏夹中该网址的名称。
< head>标签
<head>.标签是一个容器，包含其他位于文档头部的标签元素，把这个标签放到文档的开始处，紧跟着<html>标签后面，该标签主要定义了HTML文档的头部，其中包含的内容主要包括对页面的一些基本描述。如标题、关键字等。
基本用法如下：
<head>
头部标签元素
</head>
| 标签 | 描述 |
|---|---|
<title> | 定义页面的标题内容（唯一必须的头部标签） |
<base> | 当前的文档基准地址，其他相对地址都建立在此基准地址之上。 |
<style> | 定义CSS层叠样式表的内容。 |
<link> | 定义外部文件的链接，最常见的用途就是链接外部样式表。 |
<scripts> | 定义页面中程序脚本的内容。 |
<meta> | 提供关于页面的元信息，能够提供文档作者、关键字、描述等多种信息。 |
HTML5增加的属性
- 给input（type == text）、select、textarea和button元素新增加的autofocus属性。指定属性的方式让元素在画面打开时就会自动获取焦点。
- 给input元素（type == text）和textarea元素新增加的placeholder属性，它会对用户的输入进行提示，提示用户可以输入的内容。
- 给input、output、select、textarea、button和fields新增加了form属性，声明其属于哪个表单，然后将其放置在页面上的任意位置，而不是表单之内。
- 给input元素（type == text）和textarea元素新增加的required属性。该属性指明了用户提交的时候进行检查，检查该元素内一定要有输入的元素。
- 给input元素增加了autocomplete、min、max、multiple、pattern和step属性，同时还有一个新的list元素和datalist元素配合使用，datalist元素和autocomplete属性配合使用。multiple属性允许在上传文件时一次性上传多个文件。
- 给input元素、button元素和form元素增加了novalidate属性，该属性可以在取消提交时进行检查，表单可以被无条件的提交。
剩下的内容具体请见：HTML5新增属性详情。
731
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
