网站建设资讯

NEWS

网站建设资讯

html如何实现文本格式化

这篇文章主要为大家展示了html如何实现文本格式化,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“html如何实现文本格式化”这篇文章吧。

创新互联专注于紫云企业网站建设,响应式网站建设,购物商城网站建设。紫云网站建设公司,为紫云等地区提供建站服务。全流程定制网站开发,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

html有什么特点

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。  3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

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



This text is bold

This text is strong

This text is big

This text is emphasized

This text is italic

This text is small

This text contains   
subscript

This text contains   
superscript

效果如下:

html如何实现文本格式化

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



这是   
预格式文本。   
它保留了      空格   
和换行。   

pre 标签很适合显示计算机代码:

for i = 1 to 10   
     print i   
next i   

效果如下:

html如何实现文本格式化

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



Computer code

Keyboard input

Teletype text

Sample text

Computer variable

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

效果如下:

html如何实现文本格式化

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




Written by Donald Duck.
Visit us at:
Example.com
Box 564, Disneyland
USA   

效果如下:

html如何实现文本格式化

五,缩写和首字母缩写:此例演示如何实现缩写或首字母缩写。





etc.

WWW

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

仅对于 IE 5 中的 acronym 元素有效。

对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。

效果如下:

html如何实现文本格式化

六,文字方向:此例演示如何改变文字的方向。



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

Here is some Hebrew text   

效果如下:

html如何实现文本格式化

七,块引用:此例演示如何实现长短不一的引用语。



这是长的引用:   
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。   
这是短的引用:    这是短的引用。   

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

效果如下:

html如何实现文本格式化

八,删除子效果和插入子效果。



一打有 二十 十二 件。

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

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

效果如下:

html如何实现文本格式化

以上就是关于“html如何实现文本格式化”的内容,如果改文章对你有所帮助并觉得写得不错,劳请分享给你的好友一起学习新知识,若想了解更多相关知识内容,请多多关注创新互联行业资讯频道。


网站栏目:html如何实现文本格式化
本文网址:http://cdweb.net/article/jjshcp.html