码迷,mamicode.com
首页 > Web开发 > 详细

HTML文本格式化

时间:2016-06-29 06:36:24      阅读:346      评论:0      收藏:0      [点我收藏+]

标签:

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文本格式化

标签:

原文地址:http://www.cnblogs.com/changzuidaerguai/p/5625532.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!