文本格式化
HTML 中存在一些格式化文本的标签,可实现对文本的格式化,如:
- 加粗文本
- 斜体文本
删除文本
电脑自动输出
- 这是 上标 和 下标
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>文本格式化</title>
</head>
<body>
<b>定义加粗文本</b>
<strong>定义加粗文本,同时还有加强语义的意思</strong>
<i>定义斜体文本</i>
<em>定义斜体文本,同时还有定义着重文字的意思</em>
<s>定义删除字(已废弃,不推荐使用)</s>
<strike>定义删除字(已废弃,不推荐使用)</strike>
<del>定义删除字</del>
<u>定义下划线(已废弃,不推荐使用)</u>
<ins>定义下划线,同时还有加强语义的意思</ins>
<small>定义缩小字体</small>
<big>定义放大字体</big>
<sup>定义上标</sup>
<sub>定义下标</sub>
<code>定义计算机输出的代码</code>
<kbd>定义键盘录入的代码</kbd>
<samp>定义计算机代码</samp>
<var>定义变量</var>
<tt>定义打字机文本</tt>
<pre>定义预格式文本,里面的多个空格 、多个空行
、多个换行不会消失,而是会保持文本最初的样子</pre>
<abbr title="中华人民共和国">中国</abbr> <!-- 定义缩写 -->
<acronym title="World Wide Web">WWW</acronym> <!-- 定义首字母缩写 -->
<address>定义地址</address>
<bdo dir="rtl">定义文字显示的方向</bdo> <!-- rtl 从右向左显示,ltr 从左向右显示 -->
<q>定义短的文本引用</q> <!-- 被引用的文本,会被加上双引号 -->
<blockquote>定义长的文本引用</blockquote> <!-- 被引用的文本无引号,且会另起一行 -->
<cite>定义引用、引证</cite>
<dfn>定义项目标签</dfn>
</body>
</html>
尝试一下
文本格式化标签
标签 |
描述 |
<b> |
定义加粗文本 |
<strong> |
定义加重语气,效果与 <b> 相同。(通常使用 <strong> 替代 <b>) |
<i> |
定义斜体文本 |
<em> |
定义着重文字,效果与 <i> 相同。(通常使用 <em> 替代 <i>) |
<s> |
定义删除字:已废弃,不推荐使用 |
<strike> |
定义删除字:已废弃,不推荐使用 |
<del> |
定义删除字:同时还有加强语义的作用。(通常使用 <del> 替代 <s> 和 <strike>) |
<u> |
定义下划线:已废弃,不推荐使用 |
<ins> |
定义下划线:同时还有加强语义的作用。(通常使用 <ins> 替代 <u>) |
<small> |
定义缩小字体 |
<big> |
定义放大字体 |
<sup> |
定义上标 |
<sub> |
定义下标 |
计算机输出标签
引文、引用标签
标签 |
属性 |
描述 |
<abbr> |
title |
定义缩写:title 用于设置鼠标移到缩写上时显示的内容 |
<acronym> |
title |
定义首字母缩写:title 用于设置鼠标移到缩写上时显示的内容 |
<address> |
|
定义地址 |
<bdo> |
dir="rtl" 或 dir="ltr" |
定义文字显示的方向:rtl(从右往左显示)、ltr(从左往右显示) |
<q> |
|
定义短的文本引用:被引用的文本,会被双引号包裹 |
<blockquote> |
|
定义长的文本引用:被引用的文本,不会被双引号包裹,但会另起一行 |
<cite> |
|
定义引用、引证 |
<dfn> |
|
定义项目标签:效果与斜体标签有些类似 |