|
主题设置

卡片式面板通常用于非白色背景色的主体内

文本格式化

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> 定义下标

计算机输出标签

标签 描述
<code> 定义计算机输出的代码
<kbd> 定义键盘录入的代码
<samp> 定义计算机代码
<var> 定义变量
<tt> 定义打字机文本
<pre> 定义预格式文本,HTML 会保留其中的所有空格、空行、换行。

引文、引用标签

标签 属性 描述
<abbr> title 定义缩写:title 用于设置鼠标移到缩写上时显示的内容
<acronym> title 定义首字母缩写:title 用于设置鼠标移到缩写上时显示的内容
<address> 定义地址
<bdo> dir="rtl" 或 dir="ltr" 定义文字显示的方向:rtl(从右往左显示)、ltr(从左往右显示)
<q> 定义短的文本引用:被引用的文本,会被双引号包裹
<blockquote> 定义长的文本引用:被引用的文本,不会被双引号包裹,但会另起一行
<cite> 定义引用、引证
<dfn> 定义项目标签:效果与斜体标签有些类似