溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html如何實(shí)現(xiàn)文本格式化

發(fā)布時(shí)間：2021-02-26 09:40:50 來源：億速云 閱讀：133 作者：清風(fēng) 欄目：web開發(fā)

這篇文章主要為大家展示了html如何實(shí)現(xiàn)文本格式化，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學(xué)習(xí)一下“html如何實(shí)現(xiàn)文本格式化”這篇文章吧。

html有什么特點(diǎn)

1、簡易性：超級文本標(biāo)記語言版本升級采用超集方式，從而更加靈活方便，適合初學(xué)前端開發(fā)者使用。 2、可擴(kuò)展性：超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識符等要求，超級文本標(biāo)記語言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。  3、平臺無關(guān)性：超級文本標(biāo)記語言能夠在廣泛的平臺上使用，這也是萬維網(wǎng)盛行的一個(gè)原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語言，它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或?yàn)g覽器。

一，文本格式化：此例演示如何在一個(gè) HTML 文件中對文本進(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>

效果如下：

html如何實(shí)現(xiàn)文本格式化

二，預(yù)格式文本：此例演示如何使用 pre 標(biāo)簽對空行和空格進(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>

效果如下：

html如何實(shí)現(xiàn)文本格式化

三，“計(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如何實(shí)現(xiàn)文本格式化

四，地址：此例演示如何在 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>

效果如下：

html如何實(shí)現(xiàn)文本格式化

五，縮寫和首字母縮寫：此例演示如何實(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>僅對于 IE 5 中的 acronym 元素有效。</p>

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

</body>
</html>

效果如下：

html如何實(shí)現(xiàn)文本格式化

六，文字方向：此例演示如何改變文字的方向。

<html>
<body>
<p>
如果您的瀏覽器支持 bi-directional override (bdo)，下一行會從右向左輸出 (rtl)；   
</p>
<bdo dir="rtl">
Here is some Hebrew text   
</bdo>
</body>
</html>

效果如下：

html如何實(shí)現(xiàn)文本格式化

七，塊引用：此例演示如何實(shí)現(xiàn)長短不一的引用語。

<html>
<body>
這是長的引用：   
<blockquote>
這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。   
</blockquote>
這是短的引用：   
<q>
這是短的引用。   
</q>
<p>
使用 blockquote 元素的話，瀏覽器會插入換行和外邊距，而 q 元素不會有任何特殊的呈現(xiàn)。   
</p>
</body>
</html>

效果如下：

html如何實(shí)現(xiàn)文本格式化

八，刪除子效果和插入子效果。

<html>
<body>
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
<p>大多數(shù)瀏覽器會改寫為刪除文本和下劃線文本。</p>
<p>一些老式的瀏覽器會把刪除文本和下劃線文本顯示為普通文本。</p>
</body>
</html>

效果如下：

html如何實(shí)現(xiàn)文本格式化

以上就是關(guān)于“html如何實(shí)現(xiàn)文本格式化”的內(nèi)容，如果改文章對你有所幫助并覺得寫得不錯(cuò)，勞請分享給你的好友一起學(xué)習(xí)新知識，若想了解更多相關(guān)知識內(nèi)容，請多多關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手