HTML文本格式化的实例详解


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来HTML文本格式化的实例详解,HTML文本格式化的注意事项有哪些,下面就是实战案例,一起来看一下。

一,文本格式化:此例演示如何在一个 HTML 文件中对文本进行格式化

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

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

二,预格式文本:此例演示如何使用 pre 标签对空行和空格进行控制。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<html

   

<body

   

<pre

这是  

预格式文本。  

它保留了      空格  

和换行。  

</pre

   

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

   

<pre

for i = 1 to 10  

     print i  

next i  

</pre

   

</body

</html>

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

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

四,地址:此例演示如何在 HTML 文件中写地址。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<!DOCTYPE html> 

<html

<body

   

<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

   

</body

</html>

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

html里的列表标签有哪些?

HTML的编辑基础(新手必看篇)

html标题,段落,换行,水平线,特殊字符应该如何使用

以上就是HTML文本格式化的实例详解的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html中form表单的内标签是什么?如何使用 ?

Html怎么设置透明度

图片懒加载是什么意思?图片懒加载的实现方法

Html表格的分区与分组控制

Html的编辑方式

h5的服务器推送事件详解

Html网页选择使用哪种浏览器内核渲染的方法

Html font标签如何设置字体粗细,font标签的字体样式总结

Html如何隐藏元素

Html页面点击下载文件的方法实例

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...