今天我们来说说段落与文字,在纯文本网页中,我们需要用到以下标签符:
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的缩写,不容易看懂而已。
剩下的内容,我们下一节继续接着聊。