HTML 文本格式化

1. 文本格式化

This text is bold




This text is strong




This text is big




This text is small




思思是个小可爱




思思是个小可爱




思思是个
小可爱




思思是个
小可爱

运行结果

WechatIMG76.png

2. 预格式文本（Pre标签）

pre元素里的文本是用定宽字体显示的,而且会保留空格和换行,很适合显示计算机代码

for i = 1 to 10
     print I
next I

运行结果

WechatIMG74.png

3. 计算机输出标签

  
Computer code





Keyboard input





Teletype text





Sample text





Computer variable






注释：这些标签常用于显示计算机/编程代码。

运行结果

WechatIMG70.png

4. 地址

Written by 
Donald Duck.

 
Visit us at:


Example.com


Box 564, Disneyland


USA


百度

运行结果：

WechatIMG77.png

5. 缩写和首字母缩写

abbr:缩写

acronym:首字母缩写

etc.


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

abbr:缩写

acronym:首字母缩写

6. 文字方向

如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；


Here is some Hebrew text

  


  

Here is some Hebrew text

运行结果

WechatIMG71.png

7. 块引用

长引用：blockquote (浏览器会插入换行和外边距)

短引用：q (不会有任何特殊的呈现)

这是长的引用：

这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。


这是短的引用：

这是短的引用。



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

运行结果

WechatIMG72.png

8. 删除文本和下划线文本

删除文本：del

下划线文本：ins

一打有 二十 十二 件。

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

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

运行结果

WechatIMG73.png