码迷,mamicode.com
首页 > Web开发 > 详细

html学习文档-6、HTML 文本格式化

时间:2018-03-21 21:13:49      阅读:356      评论:0      收藏:0      [点我收藏+]

标签:tin   font   var   val   subscript   compute   width   school   board   

6.1  文本格式化

①文本格式化标签

标签
描述
<b>
定义粗体文本。
<big>
定义大号字。
<em>
定义着重文字。
<i>
定义斜体字。
<small>
定义小号字。
<strong>
定义加重语气。
<sub>
定义下标字。
<sup>
定义上标字。
<ins>
定义插入字。
<del>
定义删除字。
<s>
不赞成使用。使用 <del> 代替。
<strike>
不赞成使用。使用 <del> 代替。
<u>
不赞成使用。使用样式(style)代替。

②实例:

<b>This text is bold</b>

<strong>This text is strong</strong>

<big>This text is big</big>

<em>This text is emphasized</em>

<i>This text is italic</i>

<small>This text is small</small>

<sub>subscript</sub>

<sup>superscript</sup>

6.2  预格式文本

①使用 pre 标签对空行和空格进行控制。

②实例:

代码:技术分享图片

 

结果:技术分享图片

 

6.3  “计算机输出”标签

①“计算机输出”标签

标签
描述
<code>
定义计算机代码。
<kbd>
定义键盘码。
<samp>
定义计算机代码样本。
<tt>
定义打字机代码。
<var>
定义变量。
<pre>
定义预格式文本。
<listing>
不赞成使用。使用 <pre> 代替。
<plaintext>
不赞成使用。使用 <pre> 代替。
<xmp>
不赞成使用。使用 <pre> 代替。

②此例演示不同的“计算机输出”标签的显示效果。

<code>Computer code</code>

<kbd>Keyboard input</kbd>

<tt>Teletype text</tt>

<samp>Sample text</samp>

<var>Computer variable</var>

6.4  地址

①标签

标签
描述
<address>
定义地址。

 

②此例演示如何在 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>

结果:技术分享图片

③HTML <address> 元素定义文档或文章的联系信息(作者/拥有者)。

④此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。

6.5  缩写和首字母缩写

①标签

标签
描述
<abbr>
定义缩写。
<acronym>
定义首字母缩写。

②此例演示如何实现缩写或首字母缩写。

<abbr title="etcetera">etc.</abbr>

<acronym title="World Wide Web">WWW</acronym>

结果:技术分享图片

②在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。

③仅对于 IE 5 中的 acronym 元素有效。

④<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

6.6  文字方向

①标签

标签
描述
<bdo>
定义文字方向。

②此例演示如何改变文字的方向。

<bdo dir="rtl">

Here is some Hebrew text

</bdo>

结果:text Hebrew emos si ereH

6.7  块引用

①引用、引用

标签
描述
<blockquote>
定义长的引用。
<q>
定义短的引用语。
<cite>
定义引用、引证。

②使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。

6.8  术语定义

①术语定义标签

标签
描述
<dfn>
定义一个定义项目。

②HTML <dfn> 元素定义项目或缩写的定义

6.9  删除字效果和插入字效果

此例演示如何标记删除文本和插入文本。

<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

结果:技术分享图片

6.10  用于著作标题的 HTML <cite>

HTML <cite> 元素定义著作的标题。

浏览器通常会以斜体显示 <cite> 元素。

html学习文档-6、HTML 文本格式化

标签:tin   font   var   val   subscript   compute   width   school   board   

原文地址:https://www.cnblogs.com/wangzhenling/p/8619225.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!