关于HTML 文本格式化的代码


本文摘自PHP中文网,作者不言,侵删。

下面为大家带来一篇HTML 文本格式化的简单实例。内容挺不错的,现在就分享给大家,也给大家做个参考。

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<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

<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

<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怎样实现页面跳转时传递参数

h5实现放大镜效果的代码

Html doctype有几种

Html页面跳转及参数传递问题

Html空格代码怎么写?Html空格代码的表现方式总结

Html css js是干什么的

Html里文字居中代码怎么写?

jquery实现带弹窗和次数的转盘抽奖(代码)

Html表单中name属性作用是什么?name和id的差别又是什么?

Html5与Html的区别有哪些?Html5与Html四大区别总结

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




打赏

取消

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

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

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

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

评论

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