HTML文本格式化

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML文本格式化相关的知识,希望对你有一定的参考价值。

html可定义很多供格式化输出的元素,比如粗体和斜体字

HTML文本格式化实例

文本格式化

<html>
<body>

<!定义粗体字文本>
<b>我是粗体字</b>
<br/>

<!定义大号字文本>
<big>我是大号字</big>
<br/>

<!定义着重文字>
<em>我是着重文字</em>
<br/>

<!定义斜体字文本>
<i>我是斜体字</i>
<br/>

<!定义小号字>
<small>我是小号字</small>
<br/>

<!定义加重语气文本>
<strong>我是加重语气字<strong>
<br/>

<!定义下标字>
我是<sub>下标字</sub>
<br/>

<!定义上标字>
我是<sup>上标字</sup>
<br/>

</body>
</html>

定义预格式文本

<html>
<body>
<!定义预格式文本>
<pre>
这是  一个
预       格式
  文本
</pre>
<p>pre 标签很适合显示计算机代码:</p>

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

</body>
</html>

预格式文本可对空行和空格进行控制

计算机输出标签

<html>
<body>
<!定义计算机代码>
<code>定义计算机代码</code>
<br/>
<!定义键盘码>
<kbd>定义键盘码</kbd>
<br/>
<!定义计算机代码样本>
<samp>定义计算机代码样本</samp>
<br/>
<!定义打字机代码>
<tt>定义打字机代码</tt>
<br/>
<!定义变量>
<var>定义变量</var>

<p>
<b>注释:这些标签常用语显示计算机/编程代码</b>
</p>

</body>
</html>

HTML文件中写地址

<html>
<body>
<address>
Written by <a href="http://www.baidu.com"></a>.<br>
visit us at<br/>
baidu.com<br>
USA
</address>
</body>
</html>

网址可留邮箱,直接输入邮箱地址即可

缩写和首字母缩写

<html>

<body>
<!定义缩写>
<abbr title="etcetera">zed</abbr>
<br />
<!定义首字母缩写>
<acronym title="one World ont dream">owod</acronym>

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

<p>仅对于 IE 5 中的 acronym 元素有效。</p>

<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

</body>
</html>

定义文字的方向

<html>
<body>
<!输出:is my way>
<bdo dir="rtl">
is my way
</bdo>
</body>
</html>

块引用

<html>

<body>

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

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

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

</body>
</html>

删除字效果和插入字效果

<html>

<body>

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

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

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

</body>
</html>

 

以上是关于HTML文本格式化的主要内容,如果未能解决你的问题,请参考以下文章

JSP 语法

IOS开发-OC学习-常用功能代码片段整理

JSP语法

android小知识点代码片段

HTML 在 dojo 小部件中显示为纯文本

从 HTML 正文中提取文本片段(在 .NET 中)