HTML文本格式化输出

文本格式化标签
<b>定义粗体文本
<big>定义大字号
<em>定义着重文字
<i>定义斜体字
<small>定义小字号
<strong>定义加重语气
定义下标字
定义上标字

<ins>定义插入字
<del>定义删除字
<p>一打有<del>二十</del><ins>十二</ins>件。</p>
<p>大多数浏览器会改写为删除文本和下划线文本.</p>
<p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>

<s/> <strike/>删除线,使用<del>代替
<u/>下划线,使用style代替

"计算技输出标签"
<pre>定于预格式文本,可以保留空格和换行的标签。

<code>定义计算机代码
<code>
<pre>
var person = {
firstName:"Bill",
lastName:"Gates",
age:50,
eyeColor:"blue" }
</pre>
</code>

<kbd>定义键盘码
<p><kbd>File | Open...</kbd></p>

<samp>定义计算机输出示例
<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

<tt>定义打字机代码
<var>定义变量
<pre>定义预格式文本



引用、引用和术语定义
<abbr>定义缩写或首字母缩略语,对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息


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

这里的abbr就是对WHO的一个解释了,但是不会显示

<acronym>定义首字母缩写
<abbr title="etcera">etc.</abbr>


<acronym title"World Wide Web">WWW</acronym>
<p>在某些浏览器中,当您把鼠标移动至缩略词语上时,title可用于展示表达的完整版本</p>

<p>仅对于 IE5 中的 acronym元素有效。</p>
<p>对于Netscape6.2中的abbr和acronym元素有效果</p>
<address>定义地址
<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.

Visit us at:

Example.com

Box 564,Disneylan

USA
</address>

<bdo>定义文字方向(rtl,ltl)
<bdo dir="rtl">
Here is some Hebrew text
</bdo>

<blockquote>定义长的引用,浏览器通常会对<blockquote>元素进行缩进处理。
<q>定义短的引用语,浏览器通常会为<q>元素包围引号。
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>
<q>
这是短的引用
</q>

<cite>定义著作的标题,浏览器通常会以斜体显示<cite>元素
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>

<dfn>定义一个定义项目

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,352评论 1 41
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,138评论 0 16
  • http://www.w3school.com.cn/tags/index.asp 按字母顺序排列New : HT...
    繁华乱世沧桑了谁的容颜阅读 290评论 0 1
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,645评论 32 459
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,027评论 19 139