标题标签、段落标签、文本格式化标签

 

我们在浏览新闻或者博客的时候,首先阅读到的是标题,在HTML中,我们用H1至H6的标签对来显示定义标题,标题的默认显示方式是加粗左对齐,H1到H6字体大小逐级递减,换句话说,H后面的数字越大,字体越小。

想要改变标题的对齐方式,我们用到align属性,属性值常用的是居中对齐center,其次是right右对齐。

对于搜索引擎而言,H1标签的重要性是最高的,到H6重要性同样是逐级递减。一般而言,一个页面H1只能有1个,H2至H6可以有多个。

标题和正文内容之间,应该有条水平分割线,显得结构清晰,层次分明,我们用单标签<hr/>来表示,单标签不用闭合,所以无论标签内有没有“/”都无所谓。

接下来,我们讲一下段落标签。

通常在浏览完新闻标题后,就开始阅读具体新闻内容,这些文章中的内容是以段落形式自上而下排版的,这样会看起来更有条理,在HTML中每一个段落我们用<p>标签来显示,把文字包裹在<p>标签中会形成一个自然段落。

如果段落中文字不足一整行就需要换行,比如引入一首诗歌的时候,就需要<br>了。

在我们每个段落中,经常会出现字体加粗,斜体等效果,这就需要文本格式化标签

<strong>内容</strong>是将文本加粗,<em>内容</em>用来将文本变成斜体字。

有时文章中需要引入一段名人名言,需要将这段文字和上下段落有个自然的间距,就需要用<blockquote >双标签,<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进,通过测试我们发现:浏览器在 blockquote 元素前后添加了换行,并增加了外边距。

如果仅仅是引入一个词,我们只需用“”把这个词引起来,用<q>标签即可。

在电商图文详情中,为了促销,有原价和现价,都会把原价用删除线表示,我们用<del>98</del>来为价格添加删除线。到了具体的卖点文字,我们希望加上下划线以示区别,我们用<ins>促销</ins>来加下划线。

在文章末尾,有时需要添加版权符号,这在HTML中属于特殊符号,是不能直接输入的,或者加入多个空格,你会发现在HTML文档中输入多个空格并没有在页面中无效,HTML提供了很多特殊符号,要使用这些特殊符号,有相应的转义代码,我把这些代码做成了对照表放在了我们的QQ群中,方便大家查阅,群号是:881234513,请现在去下载这篇学习资料吧!

发布了28 篇原创文章 · 获赞 12 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_43687095/article/details/100123054