本文介绍了HTML的基本标签及其用法，包括文档类型声明、文档结构标签、头部信息标签、标题标签、元信息标签、主体内容标签等。同时讲解了格式化标记、文本标记等常用标签的应用场景。
前言：关于本章节的内容，并非全部是个人原创，只是在学习中的总结笔记。难免有与其他学习网站或者博客相同之处，
如有类同，各位大神莫怪!!!此资料只是用来学习和工作的参考，并不作为商业用途。希望与大家一起分享，共同进步!!!
第二章：HTML的基本标签
1. HTML <!DOCTYPE>标签
<!DOCTYPE>声明必须是 HTML文档的第一行，位于 <html>标签之前。
<!DOCTYPE>声明不是 HTML标签；它是指示 web浏览器关于页面使用哪个HTML版本进行编写的指令。
例如在HTML5中：
2.<html>内容</html>
HTML文档的文档标记，也称为HTML开始标记。这对标记分别位于网页的最前端和最后端。
3.HTML的head部分
<head>内容</head>
HTML文件头标记，也称为HTML头信息开始标记。
用来包含文件的基本信息，比如网页的标题、关键字，在<head></head>内可以放置
<title></title>、<meta></meta>、<style></style>等等标记。
注意：在<head></head>内的内容不会在浏览器中显示。
4.标题标记
<title>内容</title>
HTML文件标题标记。
网页的“主题”，显示在浏览器的窗口的左上边。
网页的标题不能太长，要短小精悍，能具体反应页面的内容，<title></title>标记中不能包含其他标记。
5.元信息<meta>
元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的
描述和关键词。<meta>标签永远位于 head元素内部。
必须的属性：content，值是some_text，定义与 http-equiv 或 name属性相关的元信息。
常用的属性：name：author、keywords、description、others
（把 content 属性关联到一个名称。）
作用：
（1）设置页面关键字
（3）添加作者信息
（4）设置网页文字及语言
（5）设置网页的定时跳转
6.<body>内容</body>
<body>...</body>是网页的主体部分，在此标记之间可以包含如<p></p>、<h1></h1>、<br>、
<hr>等等标记，正是由这些内容组成了我们所看见的网页。
常见属性：
（1）bgcolor：设置背景颜色
<body bgcolor="red"></body>
（2）text：设置文本颜色
<body text="green"></body>
（3）link：设置连接颜色
<body link="blue"></body>
（4）vlink：已经访问了的链接的颜色
<body vlink="yellow"></body>
（5）alink：正在被点击的链接的颜色
<body alink="red"></body>
7.文档设置标志
（1）格式标记<br>
可插入一个简单的换行符。（在HTML中，<br> 标签没有结束标签。）
<p>文本内容</p>
标签定义段落。
换段落，由于多个空格和回车在HTML中会被等效为一个空格，所以HTML中
要换段落就要用<p>,<p>段落中也可以包含<p>段落！
<center>居中显示文本</center>
HTML页面里将文本居中：<center>居中显示文本</center>
（在HTML5中已经废除，请使用 CSS样式来居中文本！）
<pre>内容</pre>
保留预先编排好的格式；保留空格和换行符。
<dl>…</dl>
定义了定义列表
用于结合 <dt>…</dt> （定义列表中的项目）和 <dd>…</dd> （描述列表中的项目）。
<li>文本内容</li>
定义列表项目。
<li>标签可用在有序列表(<ol>)和无序列表(<ul>)中。
<ul>文本内容</ul>
定义无序列表。
<ol>文本内容</ol>
定义有序列表。列表可以进行嵌套。
实例1：
运行结果：
实例2：
<hr />在 HTML 页面中创建一条水平线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
在 HTML中，<hr>标签没有结束标签。
实例：被水平线分隔的标题和段落：
<div>…</div>
分区显示标记，也称之为层标记。层可以多层嵌套使用
请使用 <div>元素来组合块级元素，这样就可以使用样式对它们进行格式化。
实例：文档中的一个部分会显示为绿色：
（2）文本标记
<hn>文本内容</hn>
标记标题。共有6个级别，不同级别对应显示大小不同的标题，h1最大，h6最小。
属性：align
属性值：left、center、right、justify
实例：标题在页面中进行了居中排列
<font>文本内容</font>字体设置标记
规定文本的字体、字体尺寸、字体颜色。
属性1：color（规定文本的颜色。）
属性2：face（规定文本的字体。）
属性3：size （规定文本的大小。）
<b>这是粗体文本</b>
<i>标签显示斜体文本效</i>
<sub>文本内容</sub>
文字下标字体标记
<sup>文本内容</sup>
文字上标字体标记
实例：
运行结果：
<tt>文本内容</tt>
标签呈现类似打字机或者等宽的文本效果。HTML5 不支持 <tt> t标签。
<cite>文本内容</cite>
引用方式的字体，通常是斜体.
实例：使用 <cite> 标签来定义作品的标题
运行结果：
<em>强调文本</em>
<strong>加粗文本</strong>强调的程度更强
<small>呈现小号字体效果<small>
<big>这个文本比较大</big>（HTML5不支持 <big>标签。请用 CSS代替。）
<u>对其使用下划线</u>
扫一扫
1145
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
