HTML简介及举例

超文本标记语言(Hyper Text Markup Language，简称HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息，也可用来在一定程度上描述文档的外观和语义。它是通向WEB技术世界的钥匙。

1、HTML简介：HTML是用来描述网页的一种语言。它不是一种编程语言，而是一种标记语言(markup language)，标记语言是一套标记标签(markup tag)，它使用标记标签来描述网页。

HTML标记标签通常被称为HTML标签(HTML tag)；HTML标签是由尖括号包围的关键词，比如

；HTML标签通常是成对出现的，比如和；标签对中的第一个标签是开始标签，第二个标签是结束标签；开始和结束标签也被称为开放标签和闭合标签。

HTML文档描述网页，HTML文档包含HTML标签和纯文本，HTML文档也被称为网页。

Web浏览器的作用是读取HTML文档，并以网页的形式显示它们。浏览器不会显示HTML标签，而是使用标签来解释页面的内容。

2、HTML基础：HTML标题(Heading)是通过

-

等标签进行定义的。

HTML段落是通过

标签进行定义的。

HTML链接是通过标签进行定义的。在href属性中指定链接的地址。

HTML图像是通过标签进行定义的。图像的名称和尺寸是以属性的形式提供的。

3、HTML元素：HTML文档是由HTML元素定义的。

HTML元素指的是从开始标签(starttag)到结束标签(end tag)的所有代码。开始标签常被称为开放标签(opening tag)，结束标签常称为闭合标签(closing tag)。

HTML元素语法：(1)、HTML元素以开始标签起始；(2)、HTML元素以结束标签终止；(3)、元素的内容是开始标签与结束标签之间的内容；(4)、某些HTML元素具有空内容(empty content)；(5)、空元素在开始标签中进行关闭(以开始标签的结束而结束)；(6)、大多数HTML元素可拥有属性。

嵌套的HTML元素：大多数HTML元素可以嵌套(可以包含其它HTML元素)。

HTML文档由嵌套的HTML元素构成。

元素定义了HTML文档的主体。

元素定义了整个HTML文档。

不要忘记结束标签，即使忘记了使用结束标签，大多数浏览器也会正确地显示HTML。忘记使用结束标签会产生不可预料的结果或错误。未来的HTML版本不允许省略结束标签。

空的HTML元素：没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。
就是没有关闭标签的空元素(
标签定义换行)。在XHTML、XML以及未来版本的HTML中，所有元素都必须被关闭。在开始标签中添加斜杠，比如
，是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。即使
在所有浏览器中都是有效的，但使用
其实是更长远的保障。

HTML标签对大小写不敏感，

等同于

，许多网站都使用大写的HTML标签。在未来(X)HTML版本中强制使用小写。

4、HTML属性：属性为HTML元素提供附件信息。

HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称/值的形式出现，比如：name=”value”。属性总是在HTML元素的开始标签中规定。

属性和属性值对大小写不敏感。而新版本的(X)HTML要求使用小写属性。

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别情况下，比如属性值本身就含有双引号，那么你必须使用单引号。

5、HTML标题：标题(Heading)是通过

-

等标签进行定义的。

定义最大的标题，

定义最小的标题。

浏览器会自动地在标题的前后添加空行。默认情况下，HTML会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。请确保将HTML heading标签只用于标题。不用仅仅是为了产生粗体或大号的文本而使用标题。搜索引擎使用标题为你的网页的结构和内容编制索引。

---

标签在HTML页面中创建水平线。hr元素可用于分割内容。使用水平线(

---

标签)来分隔文章中的小节是一个办法(但并不是唯一的办法)。

HTML注释：可以将注释插入HTML代码中，这样可以提高其可读性，使代码更被人理解。浏览器会忽略注释，也不会显示它们。注释是这样写的： ，开始括号之后(左边的括号)需要紧跟一个叹号，结束括号之前(右边的括号)不需要。

查看源代码：只需要单击右键，然后选择”查看源文件”(IE)或”查看页面源代码”(Firefox)，其它浏览器的做法也是类似的。这么做会打开一个包含页面HTML代码的窗口。

6、HTML段落：可以把HTML文档分割为若干段落。段落是通过

标签定义的。浏览器会自动地在段落的前后添加空行(

是块级元素)。使用空的段落标记

去插入一个空行是个坏习惯。用
标签来代替它。但是不要用
标签去创建列表。

如果你希望在不产生一个新段落的情况下进行换行(新行)，请使用
标签。
元素是一个空的HTML元素。由于关闭标签没有任何意义，因此它没有结束标签。在XHTML、XML以及未来的HTML版本中，不允许使用没有结束标签(闭合标签)的HTML元素。即使
在所有浏览器中的显示都没有问题，使用
也是更长远的保障。

如果你希望在不产生一个新段落的情况下进行换行(新行)，请使用
标签。
元素是一个空的HTML元素。由于关闭标签没有任何意义，因此它没有结束标签。在XHTML、XML以及未来的HTML版本中，不允许使用没有结束标签(闭合标签)的HTML元素。即使
在所有浏览器中的显示都没有问题，使用
也是更长远的保障。

对于HTML，你无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML代码中的所有连续的空行(换行)也被显示为一个空格。

7、HTML文本格式化：HTML可定义很多供格式化输出的元素，比如粗体和斜体字。

8、HTML编辑器：使用Notepad或TextEdit来编写HTML。

当保存HTML文件时，既可以使用.htm也可以使用.html扩展名，两种没有区别，完全根据你的喜好。

9、HTML样式(CSS)：当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有三种方式来插入样式表：(1)、外部样式表：当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。(2)、内部样式表：当单个文件需要特别样式时，就可以使用内部样式表。你可以在head部分通过\b>