HTML学习笔记8-HTML文本格式化

最新推荐文章于 2022-01-21 17:33:01 发布

weeds606

最新推荐文章于 2022-01-21 17:33:01 发布

阅读量164

点赞数

本文链接：https://blog.csdn.net/doulihang/article/details/98726802

版权

前端相关专栏收录该内容

42 篇文章 0 订阅

订阅专栏

一、常见的文本格式化标签

标签	描述
<b>	定义加粗文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字

文本格式化代码练习，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本格式化标签练习</title>
</head>
<body>
<p>我是<b>加粗文本</b></p>
<p>我是<em>着重文本</em></p>
<p>我是<i>斜体文本</i></p>
<p>我是<small>小号字</small></p>
<p>我是<strong>加重语气</strong></p>
<p>我是<sub>下标字</sub></p>
<p>我是<sup>上标字</sup></p>
<p>我是<ins>插入字</ins></p>
<p>我是<del>删除字</del></p>
</body>
</html>

实现效果如下：

二、引用、引文及定义标签

标签	描述
<abbr>	定义缩写
<address>	定义地址
<bdo>	定义文字方向
<blockquote>	定义长的引用
<q>	定义短的引用语
<cite>	定义引用、引证
<dfn>	定义一个定义项目。

引用及引文练习，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>引用引文练习</title>
</head>
<body>

<p>定义缩写：<abbr title="中国石油天然气集团">中石油</abbr></p>
<address>我的地址</address>
<p>定义文字显示方向:<bdo dir="rtl">这段文字从右向左显示</bdo></p>
<blockquote>这是一个长的引用，这是一个长的引用，这是一个长的引用，这是一个长的引用，这是一个长的引用，这是一个长的引用
    ，这是一个长的引用，这是一个长的引用，这是一个长的引用，这是一个长的引用，这是一个长的引用，这是一个长的引用，这是一个长的引用，这是一个长的引用，
这是一个长的引用，这是一个长的引用，这是一个长的引用，这是一个长的引用，这是一个长的引用，</blockquote>

<q>这是一个短的引用，这是一个短的引用，这是一个短的引用，这是一个短的引用，这是一个短的引用，
    这是一个短的引用，这是一个短的引用，这是一个短的引用，这是一个短的引用，这是一个短的引用，
    这是一个短的引用，这是一个短的引用，这是一个短的引用，这是一个短的引用，这是一个短的引用，</q>
<br>
<dfn>定义项目</dfn>

</body>
</html>

具体效果：