對(duì)于HTML 文本格式化的代碼
發(fā)表時(shí)間：2023-09-07 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]下面為大家?guī)硪黄狧TML 文本格式化的簡單實(shí)例。內(nèi)容挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一，文本格式化：此例演示如何在一個(gè) HTML 文件中對(duì)文本進(jìn)行格式化。<html>
<body>
<b>This text is bold</b>
&...
下面為大家?guī)硪黄狧TML 文本格式化的簡單實(shí)例。內(nèi)容挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。
一，文本格式化：此例演示如何在一個(gè) HTML 文件中對(duì)文本進(jìn)行格式化。
<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>
效果如下：
二，預(yù)格式文本：此例演示如何使用 pre 標(biāo)簽對(duì)空行和空格進(jìn)行控制。
<html>
<body>
<pre>
這是
預(yù)格式文本。
它保留了 空格
和換行。
</pre>
<p>pre 標(biāo)簽很適合顯示計(jì)算機(jī)代碼：</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>效果如下：
三，“計(jì)算機(jī)輸出”標(biāo)簽：此例演示不同的“計(jì)算機(jī)輸出”標(biāo)簽的顯示效果。
<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>這些標(biāo)簽常用于顯示計(jì)算機(jī)/編程代碼。
</p>
</body>
</html>
效果如下：
四，地址：此例演示如何在 HTML 文件中寫地址。
<!DOCTYPE html>
<html>
<body>
<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
</body>
</html>
效果如下：
五，縮寫和首字母縮寫：此例演示如何實(shí)現(xiàn)縮寫或首字母縮寫。
<html>
<body>
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>
<p>在某些瀏覽器中，當(dāng)您把鼠標(biāo)移至縮略詞語上時(shí)，title 可用于展示表達(dá)的完整版本。</p>
<p>僅對(duì)于 IE 5 中的 acronym 元素有效。</p>
<p>對(duì)于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
</body>
</html>
效果如下：
六，文字方向：此例演示如何改變文字的方向。
<html>
<body>
<p>
如果您的瀏覽器支持 bi-directional override (bdo)，下一行會(huì)從右向左輸出 (rtl)；
</p>
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
</body>
</html>
效果如下：
七，塊引用：此例演示如何實(shí)現(xiàn)長短不一的引用語。
<html>
<body>
這是長的引用：
<blockquote>
這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。
</blockquote>
這是短的引用：
<q>
這是短的引用。
</q>
<p>
使用 blockquote 元素的話，瀏覽器會(huì)插入換行和外邊距，而 q 元素不會(huì)有任何特殊的呈現(xiàn)。
</p>
</body>
</html>
效果如下：
八，刪除子效果和插入子效果。
<html>
<body>
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
<p>大多數(shù)瀏覽器會(huì)改寫為刪除文本和下劃線文本。</p>
<p>一些老式的瀏覽器會(huì)把刪除文本和下劃線文本顯示為普通文本。</p>
</body>
</html>
效果如下：
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，更多相關(guān)內(nèi)容請(qǐng)關(guān)注PHP中文網(wǎng)！
相關(guān)推薦：
使用Html制作簡單登錄頁面的方法
以上就是關(guān)于HTML 文本格式化的代碼的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
