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

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

博客作者:【梦幻水晶】

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

一、标题

 

在网页中,共有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>
</网页主体>
</网页>
plain

预览效果如下图

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

 

二、段落

 

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

语法:

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

案例:

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

预览效果:

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

二、换行标签<换行>

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

段落案例:

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

预览效果:

换行案例:

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

预览效果:

从上面两个案例可以看出:使用段落标签会导致段落与段落之间有一定的间隙,而使用换行标签则不会。

换行标签是用来给文字换行的,而段落标签是用来给文字分段的。如果你的内容是两段文字,则不需要使用换行标签换行那么麻烦,而是直接用两个段落标签就可以了。

 

默认排序
Generic placeholder image
Generic placeholder image
快码FOF编程 Time: 2023-04-09 13:45:54

写的挺好 点赞


网页学习笔记2.1标题、段落与换行