当前博客：网页学习笔记2.1标题、段落与换行

125 次浏览【转载需注明来源】

收藏内容 (0) (0)

个性签名：寒窗苦读十年一朝凤舞九天

一、标题

在网页中，共有6个级别的标题标签：标题1、标题2、标题3、标题4、标题5、标题6。其中标题1标签的重要性最高，标题6标签的重要性最低。一个页面一般只能有一个标题1标签，而标题2到标题6标签可以有多个。

案例：

<!文档类型 网页类型>
<网页>
<网页头部>
    <网页信息 文档编码="utf-8" />
    <网页标题>标题标签</网页标题>
</网页头部>
<网页主体>
    <标题1>这是标题1标签</标题1>
    <标题2>这是标题2标签</标题2>
    <标题3>这是标题3标签</标题3>
    <标题4>这是标题4标签</标题4>
    <标题5>这是标题5标签</标题5>
    <标题6>这是标题6标签</标题6>
</网页主体>
</网页>

预览效果如下图

从展示效果看，标题标签的级别越大，字体也越大。

二、段落

在网页中，我们可以使用“段落标签”来显示一段文字内容。

语法：

<段落>
我是一段文本内容
</段落>

案例：

<!文档类型 网页类型> 
<网页>
<网页头部>
    <网页信息 文档编码="utf-8" />
    <网页标题>段落标签</网页标题>
</网页头部>
<网页主体>
    <标题3>沁园春长沙</标题3>
    <段落>独立寒秋，湘江北去，橘子洲头。看万山红遍，层林尽染；漫江碧透，百舸7争流。鹰击长空，鱼翔浅底，万类霜天竞自由。怅寥廓，问苍茫大地，谁主沉浮？ 携来百侣曾游，忆往昔峥嵘岁月稠。</段落>
    <段落>恰同学少年，风华正茂；书生意气，挥斥方遒。指点江山，激扬文字，粪土当年万户侯。曾记否，到中流击水，浪遏飞舟？</段落>
</网页主体>
</网页>

预览效果：

从预览效果看，段落标签会自动换行，并且段落与段落之间有一定的间距。

二、换行标签<换行>

换行标签是单标签，自闭合标签。

段落案例：

<!文档类型 网页类型> 
<网页>
<网页头部>
    <网页信息 文档编码="utf-8" />
    <网页标题>换行标签</网页标题>
</网页头部>
<网页主体>
    <标题3>早发白帝城</标题3>                  
    <段落>朝辞白帝彩云间，千里江陵一日还。</段落>
    <段落>两岸猿声啼不住，轻舟已过万重山。</段落>
</网页主体>
</网页>

预览效果：

换行案例：

<!文档类型 网页类型> 
<网页>
<网页头部>
    <网页信息 文档编码="utf-8" />
    <网页标题>换行标签</网页标题>
</网页头部>
<网页主体>
    <标题3>早发白帝城</标题3>                  
    <段落>朝辞白帝彩云间，千里江陵一日还。<换行>两岸猿声啼不住，轻舟已过万重山。</段落>
</网页主体>
</网页>

预览效果：