本文摘自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》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 关于HTML 文本格式化的代码