HTML(3)——文本格式化

最新推荐文章于 2021-07-15 15:30:20 发布

codemyfuture_wj

最新推荐文章于 2021-07-15 15:30:20 发布

阅读量291

点赞数

分类专栏： HTML基础

本文链接：https://blog.csdn.net/Abcapathy/article/details/104276835

版权

HTML基础专栏收录该内容

5 篇文章 0 订阅

订阅专栏

HTML文本格式化

HTML提供了许多格式化输出的定义，如粗体、斜体字。
例：

——bold（粗体文本）
——strong（强调文本）
<big>——big（大一号文本）
——emphasized（强调文本）
——italic(斜体文本)
——small（小一号字体）
——subscript（上标文本）
——superscript（下标文本）

po一条知乎链接，关于和的区别：
HTML 元素  和  有什么区别？ - 梁海的回答 - 知乎

事实上，和虽然一个定义粗体，一个定义强调，但是两者定义的元素呈现的效果都是一样的（粗体文本显示）。而和<italic>在浏览器中都呈现斜体。
上面各格式化输出定义的效果如下：
在这里插入图片描述

HTML预格式文本

HTML将多个连续空格都视为一个空格。想要多个连续空格或空行，怎么办？
用<pre>标签定义预格式文本。
例：

<html>
<body>
<pre>
for(int variable = 19;variable > 0;)
	variable--;
printf("%d",variable);
</pre>
for(int variable = 19;variable > 0;)
	variable--;
printf("%d",variable);
</body>
</html>

<pre>文本和一般文本效果对比如下：
在这里插入图片描述
可见预格式文本标签<pre>适合用于显示代码（因为可以显示多个连续空格）。

HTML文字方向（双向重写）

想让文字从右向左输出？
使用bi-directional override（bdo）双向流覆盖，下一行会从右向左输出，即 rtl（right-to-left）。

<html>
<body>
<p>
Left-to-Right
<p>
<bdo dir="rtl">
Right-to-Left
</bdo>
</p>
</p>
</body>
</html>

输出如下：
在这里插入图片描述

HTML地址

<address>标签用于定义文档/文章的联系方式。
<address>元素通常以斜体显示，使用 以添加折行。
例：

<address>
Written by Donald Duck.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

HTML著作标题

HTML中<cite>定义著作标题。
浏览器通常会以斜体显示<cite>元素。
例：

 <p><cite>Title</cite>by HTML.</p>

HTML块引用

使用<blockquote>和<q>标签实现引用效果：

<html>
<body>
块引用：
<blockquote>
这是长引用。
</blockquote>
<q>
这是短引用。
</q>
<p>
使用blockquote引用的话，浏览器会对其进行换行和缩进处理；而使用q引用的话，浏览器只会为元素在外围添加引号。
</p>
</body>
</html>

HTML删除字效果和下划线效果

使用<del>标签实现删除字效果；使用<ins>标签实现下划线效果。

<html>
<body>
<p>
湖人总<del>冠军</del><ins>是在关键时刻输球</ins>
</p>
</body>
</html>

HTML缩写和首字母缩写（缩略）

abbr（abbreviation），意为缩略。
<abbr>标签指示简称或缩写，比如WHO，NBA等。
使用<abbr>标签的 title 属性，当鼠标移至<abbr>元素时，将显示完整的名称。
大部分浏览器都支持<abbr>缩写标签。

<html>
<body>
<p>
<abbr title="World Health Organization">WHO</abbr>成立于1948年。
</p>
</body>
</html>

po一条链接：
<acronym> 和 <abbr> 这两个标签有什么本质上的区别吗？ - 顾轶灵的回答 - 知乎

codemyfuture_wj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML(3)——文本格式化

HTML文本格式化在开始前先po一条链接：HTML 元素 和 有什么区别？ - 梁海的回答 - 知乎HTML提供了许多格式化输出的定义，如粗体、斜体字。例：——bold（粗体文本）——strong（强调文本）——big（大一号文本）——emphasized（强调文本）——italic(斜体文本) ——small（小一号字体）...
复制链接

扫一扫