HTML学习笔记之第二章：HTML的基本标签

前言：关于本章节的内容，并非全部是个人原创，只是在学习中的总结笔记。难免有与其他学习网站或者博客相同之处，

如有类同，各位大神莫怪!!!此资料只是用来学习和工作的参考，并不作为商业用途。希望与大家一起分享，共同进步!!!

第二章：HTML的基本标签

1. HTML 标签

声明必须是 HTML文档的第一行，位于 标签之前。

声明不是 HTML标签；它是指示 web浏览器关于页面使用哪个HTML版本进行编写的指令。

例如在HTML5中：

2.内容

HTML文档的文档标记，也称为HTML开始标记。这对标记分别位于网页的最前端和最后端。

3.HTML的head部分

内容

HTML文件头标记，也称为HTML头信息开始标记。

用来包含文件的基本信息，比如网页的标题、关键字，在内可以放置

、、等等标记。

注意：在内的内容不会在浏览器中显示。

4.标题标记

HTML文件标题标记。

网页的“主题”，显示在浏览器的窗口的左上边。

网页的标题不能太长，要短小精悍，能具体反应页面的内容，标记中不能包含其他标记。

5.元信息

元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的

描述和关键词。标签永远位于 head元素内部。

必须的属性：content，值是some_text，定义与 http-equiv 或 name属性相关的元信息。

常用的属性：name：author、keywords、description、others

 （把 content 属性关联到一个名称。）

 作用：

（1）设置页面关键字

（2） 定义编辑工具

（3）添加作者信息

（4）设置网页文字及语言

（5）设置网页的定时跳转

6.内容

...是网页的主体部分，在此标记之间可以包含如

、

、
、

---

等等标记，正是由这些内容组成了我们所看见的网页。

 常见属性：

（1）bgcolor：设置背景颜色

 

（2）text：设置文本颜色

（3）link：设置连接颜色

（4）vlink：已经访问了的链接的颜色

（5）alink：正在被点击的链接的颜色

7.文档设置标志

（1）格式标记

可插入一个简单的换行符。（在HTML中，
标签没有结束标签。）

文本内容

标签定义段落。

换段落，由于多个空格和回车在HTML中会被等效为一个空格，所以HTML中

要换段落就要用

,

段落中也可以包含

段落！

居中显示文本

HTML页面里将文本居中：

居中显示文本

（在HTML5中已经废除，请使用 CSS样式来居中文本！）

内容

保留预先编排好的格式；保留空格和换行符。

…

定义了定义列表

用于结合 

…

 （定义列表中的项目）和 

…

 （描述列表中的项目）。

文本内容

定义列表项目。

标签可用在有序列表(

)和无序列表(
)中。
文本内容

定义无序列表。

文本内容

定义有序列表。列表可以进行嵌套。

实例1：





运行结果：


实例2：




---

在 HTML 页面中创建一条水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

在 HTML中，

---

标签没有结束标签。

实例：被水平线分隔的标题和段落：



…

分区显示标记，也称之为层标记。层可以多层嵌套使用

请使用

元素来组合块级元素，这样就可以使用样式对它们进行格式化。
实例：文档中的一个部分会显示为绿色：
（2）文本标记
文本内容
标记标题。共有6个级别，不同级别对应显示大小不同的标题，h1最大，h6最小。
属性：align
属性值：left、center、right、justify
实例：标题在页面中进行了居中排列


文本内容字体设置标记
规定文本的字体、字体尺寸、字体颜色。
属性1：color（规定文本的颜色。）
属性2：face（规定文本的字体。）
属性3：size  （规定文本的大小。）


这是粗体文本
标签显示斜体文本效
_文本内容
文字下标字体标记
^文本内容
文字上标字体标记
实例：



运行结果：

文本内容
标签呈现类似打字机或者等宽的文本效果。HTML5 不支持 t标签。
文本内容
引用方式的字体，通常是斜体.
实例：使用 标签来定义作品的标题


运行结果：

强调文本
加粗文本强调的程度更强
呈现小号字体效果
这个文本比较大（HTML5不支持 标签。请用 CSS代替。）
对其使用下划线