HTML基础之元素，样式，标签

目录

HTML元素

HTML元素语法

嵌套的HTML元素

HTML实例解释

不要忘记结束标签

空的 HTML 元素

HTML 标签

HTML标题

HTML段落

HTML链接

HTML图像

HTML 样式

HTML 的 style 属性

不赞成使用的标签和属性

HTML 样式实例 - 背景颜色

HTML 样式实例 - 字体、颜色和尺寸

HTML 样式实例 - 文本对齐

HTML元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

开始标签 元素内容 结束标签

This is a paragraph

This is a link
注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。

HTML元素语法

HTML元素以开始标签起始
HTML元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

嵌套的HTML元素

大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。

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

HTML文档实例

​

This is my first paragraph.

​

上面的例子包含三个HTML元素。

HTML实例解释

元素：

This is my first paragraph.

这个

元素定义了HTML文档中的一个段落。

这个元素拥有一个开始标签

,以及一个结束标签

。

元素内容是This is my first paragraph。

元素:

This is my first paragraph.

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

这个元素拥有一个开始标签,以及一个结束标签。

元素内容是另一个HTML元素（p元素）。

元素：

This is my first paragraph.

元素定义了整个HTML文档。

这个元素拥有一个开始标签,以及一个结束标签。

元素内容是另一个HTML元素（body元素）。

不要忘记结束标签

即使你忘记了使用结束标签，大多数浏览器也会正确地显示，但是不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。

注释：未来的 HTML 版本不允许省略结束标签。

空的 HTML 元素

没有内容的 HTML 内容被称为空元素。空元素是在开始标签中关闭的。

就是没有关闭标签的空元素（
标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素必须被关闭。

在开始标签中添加斜杠，比如
，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使
在所有浏览器中都是有效的，但使用
其实是更长远的保障。

HTML 标签

HTML 文档和 HTML 元素是通过 HTML 标签进行标记的
HTML 标签由开始标签和结束标签组成
开始标签是被括号包围的元素名
结束标签是被括号包围的斜杠和元素名
某些 HTML 元素没有结束标签，比如

注释：开始标签的英文翻译是 start tag 或 opening tag，结束标签的英文翻译是 end tag 或 closing tag。

HTML标题

HTML 标题（Heading）是通过

-

等标签进行定义的。

实例

This is a heading

This is a heading

This is a heading

HTML段落

HTML段落是通过

标签进行定义的。

实例

This is a paragraph.

This is another paragraph.

HTML链接

HTML链接是通过标签进行定义的。

实例

This is a link
HTML图像

HTML图像是通过标签进行定义的。

实例

总的代码：

This is a heading

This is a heading

This is a heading

This is a paragraph.

This is another paragraph.

This is a link

HTML 样式

HTML 的 style 属性

style 属性的作用：

提供了一种改变所有 HTML 元素的样式的通用方法。

样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。

您可以在我们的 CSS 教程中学习关于样式和 CSS 的所有知识。

在我们的 HTML 教程中，我们将使用 style 属性向您讲解 HTML 样式。

不赞成使用的标签和属性

在 HTML 4 中，有若干的标签和属性是被废弃的。被废弃（Deprecated）的意思是在未来版本的 HTML 和 XHTML 中将不支持这些标签和属性。

这里传达的信息很明确：请避免使用这些被废弃的标签和属性！

应该避免使用下面这些标签和属性：

标签 描述

定义居中的内容。 和 定义 HTML 字体。 和 定义删除线文本 定义下划线文本 属性 描述 align 定义文本的对齐方式 bgcolor 定义背景颜色 color 定义文本颜色 对于以上这些标签和属性：请使用样式代替！

HTML 样式实例 - 背景颜色

background-color 属性为元素定义了背景颜色：

This is a heading

This is a paragraph.

style 属性淘汰了“旧的” bgcolor 属性。 HTML 样式实例 - 字体、颜色和尺寸

font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：

A heading

A paragraph.

style 属性淘汰了旧的 标签。

HTML 样式实例 - 文本对齐

text-align 属性规定了元素中文本的水平对齐方式：

This is a heading

The heading above is aligned to the center of this page.

style 属性淘汰了旧的 "align" 属性。