HTML文本格式化 博客分类: HTML HTML
程序员文章站
2024-03-21 11:48:40
...
HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。
下面我举几个常用的例子:
①文本格式化:在一个 HTML 文件中对文本进行格式化
<b>This text is bold</b><br /> <strong>This text is strong</strong><br /> <big>This text is big</big><br /> <em>This text is emphasized</em><br /> <i>This text is italic</i><br /> <small>This text is small</small><br /> This text contains <sub>subscript</sub><br /> This text contains <sup>superscript</sup>②预格式文本:使用 pre 标签对空行和空格进行控制
<pre> 这是 预格式文本。 它保留了 空格 和换行。 </pre> <p>pre 标签很适合显示计算机代码:</p> <pre> for i = 1 to 10 print i next i </pre>③“计算机输出”标签:不同的“计算机输出”标签的显示效果
<code>Computer code</code><br /> <kbd>Keyboard input</kbd><br /> <tt>Teletype text</tt><br /> <samp>Sample text</samp><br /> <var>Computer variable</var><br /> <p> <b>注释:</b>这些标签常用于显示计算机/编程代码。 </p>④地址:在 HTML 文件中写地址
<address> Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address>⑤缩写和首字母缩写:实现缩写或首字母缩写
<abbr title="etcetera">etc.</abbr><br /> <acronym title="World Wide Web">WWW</acronym> <p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p> <p>仅对于 IE 5 中的 acronym 元素有效。</p> <p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>⑥文字方向:改变文字的方向
bdo 元素可覆盖默认的文本方向:dir属性有两个可选值ltr向左;rtl向右
<p> 如果您的浏览器支持 bi-directional override (bdo),下一行会从右向左输出 (rtl); </p> <bdo dir="ltr">Here is some Hebrew text文本向左</bdo> <bdo dir="rtl">Here is some Hebrew text文本向右</bdo>⑦块引用:实现长短不一的引用语,长引用<blockquote>和短引用<q>
这是长的引用: <blockquote> 这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。 这是长的引用。这是长的引用。这是长的引用。 </blockquote> 这是短的引用: <q>这是短的引用。</q> <p>使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。</p>⑧删除字效果和插入字效果:标记删除文本<del>和插入文本<inr>
<p>原价<del>3000</del> 现价<ins>6000</ins>元</p> <p>大多数浏览器会改写为删除文本和下划线文本。</p> <p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>
【文本格式化标签】
<b> | 定义粗体文本。 |
<big> | 定义大号字。 |
<em> | 定义着重文字。 |
<i> | 定义斜体字。 |
<small> | 定义小号字。 |
<strong> | 定义加重语气。 |
<sub> | 定义下标字。 |
<sup> | 定义上标字。 |
<ins> | 定义插入字。 |
<del> | 定义删除字。 |
<s> | 不赞成使用。使用 <del> 代替。 |
<strike> | 不赞成使用。使用 <del> 代替。 |
<u> | 不赞成使用。使用样式(style)代替。 |
【“计算机输出”标签】
<code> | 定义计算机代码。 |
<kbd> | 定义键盘码。 |
<samp> | 定义计算机代码样本。 |
<tt> | 定义打字机代码。 |
<var> | 定义变量。 |
<pre> | 定义预格式文本。 |
<listing> | 不赞成使用。使用 <pre> 代替。 |
<plaintext> | 不赞成使用。使用 <pre> 代替。 |
<xmp> | 不赞成使用。使用 <pre> 代替。 |
【引用、引用和术语定义】
<abbr> | 定义缩写。 |
<acronym> | 定义首字母缩写。 |
<address> | 定义地址。 |
<bdo> | 定义文字方向。 |
<blockquote> | 定义长的引用。 |
<q> | 定义短的引用语。 |
<cite> | 定义引用、引证。 |
<dfn> | 定义一个定义项目。 |
.
推荐阅读
-
URL编码来源及详解 博客分类: HTML HTML
-
HTTP请求与状态码 博客分类: HTML HTML
-
SVG详解 博客分类: HTML HTML
-
HTML文本格式化 博客分类: HTML HTML
-
URL与URI区别 博客分类: HTML前端积累 HTML前端积累
-
用HTML排版 博客分类: 琐事 HTMLCSSEmacs生活浏览器
-
用css和jquery写一个手风琴式的下拉菜单 博客分类: 下拉菜单 手风琴 css jquery css html jquery 手风琴下拉菜单
-
网页设计之响应式设计 博客分类: html 响应式 css js 响应式设计 html
-
HTML文档类型 博客分类: 前端积累HTML 前端积累HTML
-
HTML 颜色代码理论 博客分类: HTML前端积累 HTML前端积累