关于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中怎么去除列表项符号

Html footer标签怎么用

怎么调超链接的位置Html

图文详解Html中有序列表、无序列表和自定义列表的区别

Html 和css 和js结合实现折叠菜单的代码

Html如何改变字体颜色

Html怎么添加音乐mp3

Html img不显示图片怎么办

Html怎么引入图片

Html的meta标签有什么用?Html中meta标签属性的相关用法

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




打赏

取消

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

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

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

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

评论

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