HTML入门基础（005）

最新推荐文章于 2023-02-05 16:24:03 发布

虾米大王

最新推荐文章于 2023-02-05 16:24:03 发布

阅读量223

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/modern358/article/details/109479806

版权

html 专栏收录该内容

36 篇文章 2 订阅

订阅专栏

今天我们来说说段落与文字，在纯文本网页中，我们需要用到以下标签符：

1、标题标签 <h1>

2、段落标签

3、换行标签

4、文本格式化标签

标题标签<h1>：

上节我提到了标题标签，在这里回顾一下，示例代码如下，

<html>  <head>    <title>标题标签h1~h6</title>  </head>  <body>    <h1>这是一级标题</h1>    <h2>这是二级标题</h2>    <h3>这是三级标题</h3>    <h4>这是四级标题</h4>    <h5>这是五级标题</h5>    <h6>这是六级标题</h6>  </body></html>

标题标签除了有显示文本标题的用途外，在SEO搜索引擎优化方面，是很重要的，因为网页爬虫程序对识别标题标签很敏感，如果你想把一些内容需要展示在搜索引擎上，那么你最好使用标题标签来包裹内容，这样爬虫就会把用标题标签内的文本爬走。

段落标签：

在文本网页中，如果需要显示一段文字，那么就使用段落标签来标记一段文字，代码示例如下，

<html>  <head>    <title>段落标签p</title>  </head>  <body>    <h3>爱莲说</h3>    <p>水陆草木之花，可爱者甚蕃。晋陶渊明独爱菊。</p>    <p>自李唐来，世人甚爱牡丹。</p>    <p>予独爱莲之出淤泥而不染，濯清涟而不妖，</p>    <p>中通外直，不蔓不枝，香远益清，亭亭净植，</p>    <p>可远观而不可亵玩焉。</p>    <p>予谓菊，花之隐逸者也；牡丹，花之富贵者也；</p>    <p>莲，花之君子者也。噫！</p>    <p>菊之爱，陶后鲜有闻；莲之爱，同予者何人？</p>    <p>牡丹之爱，宜乎众矣。</p>  </body></html>

段落标签会自动换行，并且段落与段落之间会有一定的空隙。

换行标签 ：

有时候，我们需要强制换行时，需要怎么办呢？就使用换行标签符 即可，代码示例如下：

<html>  <head>    <title>换行标签br</title>  </head>  <body>    <h3>静夜思</h3>    <p>床前明月光，疑是地上霜。举头望明月，低头思故乡。</p>        <h3>静夜思</h3>    <p>床前明月光，疑是地上霜。<br>举头望明月，低头思故乡。</p>  </body></html>

使用段落标签时，两段文字之间会有一定的空隙，但是使用换行标签 时，则不会。换行标签符是自闭合标签，写法可以是 ，也可以是 ，也就是换行标签不需要成对出现，可以自己封闭表示结束，其中br是指的break单词。

文本格式化标签：

是指对文本进行各种格式化的一类标签符，比如字体加粗、斜体、上标、下标等。字体加粗有和两种标签符，代码示例如下：

<html>  <head>    <title>字体加粗</title>  </head>  <body>    <p>我是普通文本。</p>    <p><b>我是粗体文本。</b></p>    <p><strong>我也是粗体文本。</strong></p>  </body></html>

标签符和标签符在字体加粗的效果是一样的，但是在实际开发中，想要对文本加粗，尽量使用标签，不要用标签，这是由于标签比标签更具有语义性，大白话就是英文单词strong代表强壮，加粗，更形象些，容易看懂，b是单词blod的缩写，不容易看懂而已。

剩下的内容，我们下一节继续接着聊。