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

1、标题标签 <h1>

2、段落标签 <p>

3、换行标签 <br>

4、文本格式化标签 <b><strong>

 

标题标签<h1>:

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

 

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

 

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

 

段落标签<p>:

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

 

 

<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>

 

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

 

换行标签<br>:

有时候,我们需要强制换行时,需要怎么办呢?就使用换行标签符<br>即可,代码示例如下:

​​​​​​​

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

 

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

 

文本格式化标签:

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

​​​​​​​

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

 

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

 

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

 

HTML入门基础(005)_h5