HTML的文本格式化

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML的文本格式化，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3430字，纯文字阅读大概需要5分钟。

内容图文

文本格式化：
<html>

<body>

This text is bold

This text is strong

This text is emphasized

This text is italic

This text is small

This text contains
subscript

This text contains
superscript

</body>
</html>

预格式化文本：
<html>

<body>

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

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

<pre>
for i = 1 to 10
print i
next i
</pre>

</body>
</html>
计算机输出标签：
<html>

<body>

<code>Computer code</code>
 
<kbd>Keyboard input</kbd>
 
<tt>Teletype text</tt>
 
<samp>Sample text</samp>
 
<var>Computer variable</var>

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

</body>
</html>

地址：
<!DOCTYPE html>
<html>
<body>

<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>. 
Visit us at: 
Example.com 
Box 564, Disneyland 
USA
</address>

</body>
</html>

缩写和首字母缩写：
<html>

<body>

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

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

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

</body>
</html>

文字方向：
<html>

<body>

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

<bdo dir="rtl">
Here is some Hebrew text
</bdo>

</body>
</html>

块引用：
<html>

<body>

这是长的引用：
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>

这是短的引用：
<q>
这是短的引用。
</q>

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

</body>
</html>

删除字效果和插入字效果：
<html>

<body>

一打有 <del>二十</del> <ins>十二</ins> 件。

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

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

</body>
</html>

文本格式化标签

标签	描述
' ref='nofollow'>	定义粗体文本。
' ref='nofollow'>	定义大号字。
' ref='nofollow'>	定义着重文字。
' ref='nofollow'>	定义斜体字。
' ref='nofollow'>	定义小号字。
	定义加重语气。
' ref='nofollow'>	定义下标字。
' ref='nofollow'>	定义上标字。
' ref='nofollow'>	定义插入字。
' ref='nofollow'>	定义删除字。
' ref='nofollow'>	不赞成使用。使用 <del> 代替。
' ref='nofollow'>	不赞成使用。使用 <del> 代替。
' ref='nofollow'>	不赞成使用。使用样式（style）代替。

“计算机输出”标签

标签	描述
' ref='nofollow'>	定义计算机代码。
' ref='nofollow'>	定义键盘码。
' ref='nofollow'>	定义计算机代码样本。
' ref='nofollow'>	定义打字机代码。
' ref='nofollow'>	定义变量。
' ref='nofollow'>	定义预格式文本。
<listing>	不赞成使用。使用 <pre> 代替。
<plaintext>	不赞成使用。使用 <pre> 代替。
<xmp>	不赞成使用。使用 <pre> 代替。

引用、引用和术语定义

标签	描述
' ref='nofollow'>	定义缩写。
' ref='nofollow'>	定义首字母缩写。
' ref='nofollow'>	定义地址。
' ref='nofollow'>	定义文字方向。
' ref='nofollow'>	定义长的引用。
' ref='nofollow'>	定义短的引用语。
' ref='nofollow'>	定义引用、引证。
' ref='nofollow'>	定义一个定义项目。

原文：http://www.cnblogs.com/commanderzhu/p/5244050.html

内容总结

以上是互联网集市为您收集整理的HTML的文本格式化全部内容，希望文章能够帮你解决HTML的文本格式化所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1087428.html

来源：【匿名】

【上一篇】@RenderBody、@RenderSection、@RenderPage、Html.RenderPartial、Html.RenderAction的作用和区别【下一篇】PHP 和 HTML

更多 ►

【HTML的文本格式化】教程文章相关的互联网学习教程文章

6.1 文本格式化①文本格式化标签标签描述' ref='nofollow'>定义粗体文本。' ref='nofollow'>定义大号字。' ref='nofollow'>定义着重文字。' ref='nofollow'>定义斜体字。' ref='nofollow'>定义小号字。定义加重语气。' ref='nofollow'>定义下标字。' ref='nofollow'>定义上标字。' ref='nofollow'>定义插入字。' ref='nofollow'>定义删除字。' ref='nofollow'>不赞成使用。使用 <del> 代替。' ref='nofollow'>不赞成使用。使用 <d...

Dreamweaver如何格式化html代码【转载】【图】

草考文献：Dreamweaver如何格式化html代码我们在使用Dreamweaver进行网页制作时，通过编辑其设置中的代码格式，可以一键实现代码格式化，从而让代码格式统一，提高代码可读性。工具/原料 Dreamweaver CS6方法/步骤用Dreamweaver打开现有html文档时，可能会出现如图所示的没有任何缩进的代码，可读性很差为了格式化代码，我们可以先设置一下自己想要的代码格式。依次点击编辑 -> 首选参数；英文版则是 Edit -> Preferences 在弹...

Sublime text 3 格式化HTML/css/js/json代码插件

JsFormat：这里下载这插件包 https://github.com/sprinng/JsFormat ，点油下角的zip就能下载插件包放到sublime安装目录的Data\Packages目录中重新打开sublime就能使用js格式化插件使用方法：1、快捷键：ctrl+alt+f2、先用快捷键打开命令面板 “ctrl + shift + p”, 再输入 “Format: Javascript” 就可以使用格式化命令 html-css-js prettify：1、快捷键：ctrl+shift+P2、输入install package，选择install package3、输入html-css...

HTML格式化及使用【图】

欢迎你  欢迎你 欢迎你 欢迎你 欢迎你 大家好欢迎来到 大家好欢迎来到 <ins>欢迎</ins> <del>欢迎你</del>原文：htt...

JS截取URL后面的参数，并格式化HTML编码

HTML文字格式化【图】

原文：https://www.cnblogs.com/yz9110/p/8594537.html

DOCTYPE导致MyEclipse无法正常格式化HTML的问题

今天遇到在JSP代码中Ctrl+F无法正常格式化HTML代码，经过排查是DOCTYPE的原因。之前写的是：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">修改成：<!DOCTYPE HTML>就正常了。原文：https://www.cnblogs.com/chengyujia/p/8297583.html

HTML的文本格式化【代码】

文本格式化：<html><body>This text is bold This text is strong <big>This text is big</big> This text is emphasized This text is italic This text is small This text containssubscript This text containssuperscript</body></html>预格式化文本：<html><body><pre>这是预格式文本。它保留了空格...

HTML中关于表单格式化的代码详解【图】

HTML表单格式化一、说明用table布局二、效果三、代码<!DOCTYPE html> <html> <head> <title>Form.html</title><meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="this is my page"> <meta name="content-type" content="text/html; charset=UTF-8"></head><body>表单格式化 <form action=""><!-- cellpaddin...

phpDOMDocument递归格式化缩进HTML文档

php DOMDocument 递归格式化缩进HTML文档function format(\DOMNode $node, $treeIndex = 0) {//不格式化的标签if (in_array($node->nodeName, array("title", "p", "span")))return;if ($node->hasChildNodes()) {$treeIndex++;$tabStart = "\r\n" . str_repeat(" ", $treeIndex);$tabEnd = "\r\n" . str_repeat(" ", $treeIndex - 1);$i = 0;while ($childNode = $node->childNodes->item($i++)) {//去除空的text nodeif ($c...

thinkphp前台html调用函数格式化输出_PHP教程

仅仅是输出变量并不能满足模板输出的需要，内置模板引擎支持对模板变量使用调节器和格式化功能，其实也就是提供函数支持，并支持多个函数同时使用。用于模板标签的函数可以是PHP内置函数或者是用户自定义函数，和smarty不同，用于模板的函数不需要特别的定义。模板变量的函数调用格式为：XML/HTML代码{$varname|function1|function2=arg1,arg2,### } 说明： { 和 $ 符号之间不能有空格，后面参数的空格就没有问题 ###表示模板变...

phpDOMDocument递归格式化缩进HTML文档，_PHP教程

php DOMDocument 递归格式化缩进HTML文档，function format(\DOMNode $node, $treeIndex = 0) {//不格式化的标签if (in_array($node->nodeName, array("title", "p", "span")))return;if ($node->hasChildNodes()) {$treeIndex++;$tabStart = "\r\n" . str_repeat("TTT", $treeIndex);$tabEnd = "\r\n" . str_repeat("EEE", $treeIndex - 1);$i = 0;while ($childNode = $node->childNodes->item($i++)) {if ($childNode->nodeTyp...

首页 / HTML / HTML的文本格式化

HTML的文本格式化

内容导读

内容图文

文本格式化标签

“计算机输出”标签

引用、引用和术语定义

内容总结

内容备注

内容手机端

【HTML的文本格式化】教程文章相关的互联网学习教程文章

html学习文档-6、HTML 文本格式化【代码】【图】

Dreamweaver如何格式化html代码【转载】【图】

Sublime text 3 格式化HTML/css/js/json代码插件

HTML格式化及使用【图】

JS截取URL后面的参数，并格式化HTML编码

HTML文字格式化【图】

DOCTYPE导致MyEclipse无法正常格式化HTML的问题

HTML的文本格式化【代码】

HTML中关于表单格式化的代码详解【图】

phpDOMDocument递归格式化缩进HTML文档

thinkphp前台html调用函数格式化输出_PHP教程

phpDOMDocument递归格式化缩进HTML文档，_PHP教程

ZendStudio格式化后HTML代码与PHP代码之间有空格，如何去除

ZendStudio格式化后HTML代码与PHP代码之间有空格，怎么去除

javascript-是否有js，css，html代码格式化的开源库？

格式化 - 相关标签

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程