1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 常见的html标签:<h1>/<p>/<br>/<hr/>/<b>/<strong>/<i>/<em>/<s>/

常见的html标签:<h1>/<p>/<br>/<hr/>/<b>/<strong>/<i>/<em>/<s>/

时间:2019-07-05 10:12:07

相关推荐

常见的html标签:<h1>/<p>/<br>/<hr/>/<b>/<strong>/<i>/<em>/<s>/

1.常见的标签

(1)标题标签(h1-h6标签)

代码演示:

结果:

注意的是:一个网页中只可以写一个<h1></h1>标签,就像一篇作文只能有一个大标题一样,当百度在爬取你的网页时,就认为你这个h1标签里面的内容是最重要的就会推荐给用户

(2)<p></p>:段落标签,每一个p标签下面一个段落

代码演示:

结果:

解释:换行标签<br>和<p>标签的区别是,换行标签是换行前后的句子始终在一个段落,但是段落标签是不在一个段落了,有固定的段落间距。

如下是换行标签的效果对比:

结果:

(3)<hr/>水平线标签,单标签

效果就像:文章下面和评论中间隔开的水平线,如下所示:

这个水平线在css样式里面也可以实现,在html标签里也可以实现

代码演示:

结果:

(4)加粗标签<b></b>和<strong></strong>

代码:

结果:

是不是两句话被加粗了呀,嘻嘻嘻

注意:这里我们更推荐使用<strong></strong>标签,因为它有强调文本的作用,更能让百度爬虫抓取到推荐给用户,

(5)倾斜标签:<i></i>和<em></em>

代码:

结果:

注意:这里也是更推荐用<em></em>标签,因为也是要强调文本的功能

是不是倾斜了,神奇吧,标签可以嵌套用,如下,倾斜和加粗一起用:

代码:

结果:

倾斜和加粗的效果就出来啦

(6)删除线标签<s></s>和<del></del>

代码演示:

结果:

发现被99和9.9被划掉了是不是,有没有✌

注意:这里也是推荐用<del></del>标签,有强调作用

(7) 下划线标签<u></u>和上标标签<sup></sup>和下标标签<sub></sub>

下划线演示:

结果:

上标和下标标签就像是书里的某个名词的解释一样,

代码演示:

结果:

常见的html标签:<h1>/<p>/<br>/<hr/>/<b>/<strong>/<i>/<em>/<s>/<del>/<u>/<sup>/<sub></sub>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。