HTML第四课：H 标签与 p 标签
H标签(全称: Heading标签)，是网页HTML中对页面内文本标题或内容进行强调的一种标签。
HTML语言共有六种大小的H标签(H1-H6)。
文字由大至小，重要与权重程度亦依次递减，因此我们都会对这些标签的使用进行分配：h1(内容主题)、h2(段落标题)、h3(小段落标题)以此类推至h6标签。
h1标签(内容主题)在一个页面内只能使用一次。
重要内容部分只需要用到h1-h3，往后的h4-h6标签可以用来说明不是那么重要的内容。
由于 h元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此请不要利用标题标签来改变同一行中的字体大小。
<h1> - <h6> 标签可定义标题。<h1>定义最大的标题。<h6>定义最小的标题。
h标签上常用的属性：
align，id，class，title，style
align属性规定标题的水平对齐方式。
align="left" 左对齐内容（默认值）。
align="center" 居中对齐内容。
align="right" 右对齐内容。
align="justify" 对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）。
其中align不推荐使用。请使用样式替代它。
<h1>静夜思</h1> <h2>唐代：李白</h2> <h3>床前明月光，</h3> <h4>疑是地上霜。</h4> <h5>举头望明月，</h5> <h6>低头思故乡。</h6>
<h1 align="left">静夜思</h1> <h2 align="center">唐代：李白</h2> <h3 align="right">床前明月光，</h3> <h4>疑是地上霜。</h4> <h5>举头望明月，</h5> <h6>低头思故乡。</h6>
<div id="box"> <h5>明亮的月光洒在床前的窗户纸上，好像地上泛起了一层霜。</h5> <h5>我禁不住抬起头来，看那天窗外空中的一轮明月，不由得低头沉思，想起远方的家乡。</h5> </div>
使用如下样式去控制#box盒子
<style type="text/css">
#box{
width: 340px;
height: 180px;
border: 3px solid blue;
margin: 0 auto;
}
</style>如图显示：
<div id="box"> <h5 align="justify">明亮的月光洒在床前的窗户纸上，好像地上泛起了一层霜。</h5> <h5 align="justify">我禁不住抬起头来，看那天窗外空中的一轮明月，不由得低头沉思，想起远方的家乡。</h5> </div>
给h5标题添加 align="justify"对行进行伸展，这样每行都可以有相等的长度。
如图所示：
title属性规定关于元素的额外信息。
这些信息通常会在鼠标移到元素上时显示一段工具提示文本。
<h1 align="left" title="静夜思-李白">静夜思</h1>
如图所示：
style属性规定元素的行内样式。
style属性将覆盖任何全局的样式设定，例如在<style>标签或在外部样式表中规定的样式。
<h1 align="left" title="静夜思-李白">静夜思</h1> <h2 align="center" style="color: red;">唐代：李白</h2> <h3 align="right" style="color: orange;">床前明月光，</h3> <h4 style="color: yellow;">疑是地上霜。</h4> <h5 style="color: green;">举头望明月，</h5> <h6 style="color: blue;">低头思故乡。</h6>
如图所示：
id属性是HTML核心属性，用于为HTML元素定义唯一标识符（称为ID）。
在HTML文档中，ID必须确保唯一。
id属性可用于在JavaScript（通过HTML DOM）或CSS中针对给定ID来改变HTML元素。
class属性是HTML核心属性，用于为元素设置类名。
class属性主要用于引用样式表中的类。除此以外，它也可被用来在JavaScript中（通过HTML DOM）针对给定类来改变HTML元素。
<p>标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
可选的属性align
align属性规定段落内容的水平对齐方式。
align="left" 左对齐内容（默认值）。
align="center" 居中对齐内容。
align="right" 右对齐内容。
align="justify" 对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）。
其中align不推荐使用。请使用样式替代它。
<p>在苍茫的大海上，狂风卷集着乌云。在乌云和大海之间，海燕像黑色的闪电，在高傲地飞翔。</p> <p>一会儿翅膀碰着波浪，一会儿箭一般地直冲向乌云，它叫喊着，——就在这鸟儿勇敢的叫喊声里，乌云听出了欢乐。</p> <p>在这叫喊声里——充满着对暴风雨的渴望！在这叫喊声里，乌云听出了愤怒的力量、热情的火焰和胜利的信心。</p> <p>海鸥在暴风雨来临之前呻吟着，——呻吟着，它们在大海上飞窜，想把自己对暴风雨的恐惧，掩藏到大海深处。</p> <p>海鸭也在呻吟着，——它们这些海鸭啊，享受不了生活的战斗的欢乐：轰隆隆的雷声就把它们吓坏了。</p> <p>蠢笨的企鹅，胆怯地把肥胖的身体躲藏在悬崖底下……只有那高傲的海燕，勇敢地，自由自在地，在泛起白沫的大海上飞翔！</p> <p>乌云越来越暗，越来越低，向海面直压下来，而波浪一边歌唱，一边冲向高空，去迎接那雷声。</p> <p>雷声轰响。波浪在愤怒的飞沫中呼叫，跟狂风争鸣。看吧，狂风紧紧抱起一层层巨浪。恶狠狠地把它们甩到悬崖上，把这些大块的翡翠摔成尘雾和碎末。</p> <p>海燕叫喊着，飞翔着，像黑色的闪电，箭 一般地穿过乌云，翅膀掠起波浪的飞沫。</p> <p>看吧，它飞舞着，像个精灵，——高傲的、黑色的暴风雨的精灵，——它在大笑，它又在号叫……它笑那些乌云，它因为欢乐而号叫！</p> <p>这个敏感的精灵，——它从雷声的震怒里，早就听出了困乏，它深信，乌云遮不住太阳，——是的，遮不住的！</p> <p>狂风吼叫……雷声轰响……</p> <p>一堆堆乌云，像青色的火焰，在无底的大海上燃烧。大海抓住闪电的箭光，把它们熄灭在自己的深渊里。这些闪电的影子，活像一条条火蛇，在大海里蜿蜒游动，一晃就消失了。</p> <p>——暴风雨！暴风雨就要来啦！</p> <p>这是勇敢的海燕，在怒吼的大海上，在闪电中间，高傲地飞翔；这是胜利的预言家在叫喊：</p> <p>——让暴风雨来得更猛烈些吧！</p>
如图所示：
