HTML学习(三)文本格式化

HTML文本格式化
HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。
例1:此例演示如何在一个 HTML 文件中对文本进行格式化
<html>

<body>

<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>

</body>
</html>

例2:此例演示如何使用 pre 标签对空行和空格进行控制。
<html>

<body>

<pre>
这是
预格式文本。
它保留了 空格
和换行。
</pre>

<p>pre 标签很适合显示计算机代码:</p>

<pre>
for i = 1 to 10
print i
next i
</pre>

</body>
</html>

例3:此例演示不同的“计算机输出”标签的显示效果。
<html>

<body>

<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>

</body>
</html>

例4:此例演示如何在 HTML 文件中写地址。
<!DOCTYPE html>
<html>
<body>

<address>
Written by <a href="mailto:[email protected]">Donald Duck</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

</body>
</html>

例5:此例演示如何实现缩写或首字母缩写。
<html>

<body>

<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>

</body>
</html>

例6:此例演示如何改变文字的方向。
<html>

<body>

<p>
如果您的浏览器支持 bi-directional override (bdo),下一行会从右向左输出 (rtl);
</p>

<bdo dir="rtl">
Here is some Hebrew text
</bdo>

</body>
</html>

例7:此例演示如何实现长短不一的引用语。
<html>

<body>

这是长的引用:
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>

这是短的引用:
<q>
这是短的引用。
</q>

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

</body>
</html>

例8:此例演示如何标记删除文本和插入文本。
<html>

<body>

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

<p>大多数浏览器会改写为删除文本和下划线文本。</p>

<p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>

</body>
</html>

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

“计算机输出”标签
<code>    定义计算机代码
<kbd>     定义键盘码
<samp>    定义见算计代码样本
<tt>     定义打自己代码
<var>    定义变量
<pre>    定义预格式文本

引用、引证和术语定义
<abbr>         定义缩写
<acronym>     定义首字母缩写
<address>      定义地址
<bdo>        定义文字方向
<blockquote>   定义长的引用
<q>             定义短的引用
<cite>          定义引用、引证
<dfn>          定义一个定义项目

时间: 2024-10-10 20:54:30

HTML学习(三)文本格式化的相关文章

css中的背景、渐变 文本格式化和表格的常用属性

一.背景属性background background属性在一个生命中设置所有的背景属性 scroll:随着页面的其余部分滚动 fixed:固定在窗口的某个位置 语法结构: background:url(背景图像地址) 1.背景定位(background-position) 值:(1).x% y%第一个值为水平位置,第二个值为垂直位置 (2).xpx  ypx(同上) (3).left在页面或者包含元素的左边显示; (4).center在页面或者包含元素的中间显示; (5).right在页面或者

第十六天学习:CSS特性之文本格式化

关键字:文本格式化 学习计划: 文本格式化 color特性 text-align特性 vertical-align特性 text-decoraton特性 text-indent特性 text-shadow特性 text-transform特性 letter-spacing特性 word-spacing特性 white-space特性 direction特性 unicode-bid特性 学习记录: color特性 用于指定文本的颜色,这个属性设置了一个元素的前景色(在HTML表现中,就是文本的颜色

Jquery Easy UI初步学习(三)数据增删改

第二篇只是学了加载用datagrid加载数据,数据的增删改还没有做,今天主要是解决这个问题了. 在做增删改前需要弹出对应窗口,这就需要了解一下EasyUi的弹窗控件. 摘自:http://philoo.cnblogs.com/ 我的理解,就是panel有的属性Window.dialog都有,同时保留自己的扩展属性方法 , 所以主要展示pannel的属性. Pannel 属性 名称 类型 说明 默认值 title string 显示在Panel头部的标题文字. null iconCls strin

2-0SBO学习心得(格式化搜索)

SBO的大部分业务单据都是主.从表的关系结构,类似于单头和单身的关系. 格式化搜索的原理就是抓取到当前激活页面(单据)里显示的任意值. 抓取方式: 1.针对表头:$[表名.字段名]或者$[$Item.0]2.针对表身:$[$Item.Column.0/number/currency/date],最常用的还是0和number这个2个参数. 例:在采购订单中,取表身中的物料编号,$[$38.1.0/number]. 38表示表身,14表示第14列,0表示取这个格子里的值. 抓到值以后的用法: 这个值

算法学习三阶段

?? 第一阶段:练经典经常使用算法,以下的每一个算法给我打上十到二十遍,同一时候自己精简代码, 由于太经常使用,所以要练到写时不用想,10-15分钟内打完,甚至关掉显示器都能够把程序打 出来. 1.最短路(Floyd.Dijstra,BellmanFord) 2.最小生成树(先写个prim,kruscal 要用并查集,不好写) 3.大数(高精度)加减乘除 4.二分查找. (代码可在五行以内) 5.叉乘.判线段相交.然后写个凸包. 6.BFS.DFS,同一时候熟练hash 表(要熟,要灵活,代码要

Jetty学习三:配置概览-需要配置什么

上一节讲述了怎么配置Jetty,这节将告诉你使用Jetty你需要配置些什么. 配置Server Server实例是Jetty服务端的中心协调对象,它为所有其他Jetty服务端组件提供服务和生命周期管理.在标准Jetty发布中,核心的服务端配置是在etc/jetty.xml文件中,你也能在其中包含其他服务端配置,可以包括: 1)ThreadPool Server实例提供了一个线程池,你可以在etc/jetty.xml中配置最大线程数和最小线程数. 2)Handlers Jetty服务端只能有一个H

HTML 文本格式化

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

ZigBee学习三 UART通信

ZigBee学习三 UART通信 本实验只对coordinator.c文件进行改动就可以实现串口的收发. 修改coordinator.c文件 byte GenericApp_TransID; // This is the unique message ID (counter) afAddrType_t GenericApp_DstAddr; unsigned char uartbuf[128];/**************************************************

Spark学习三:Spark Schedule以及idea的安装和导入源码

Spark学习三:Spark Schedule以及idea的安装和导入源码 标签(空格分隔): Spark Spark学习三Spark Schedule以及idea的安装和导入源码 一RDD操作过程中的数据位置 二Spark Schedule 三Idea导入spark源码 一,RDD操作过程中的数据位置 [hadoop001@xingyunfei001 spark-1.3.0-bin-2.5.0]$ bin/spark-shell --master local[2] val rdd = sc.t