html如何實現(xiàn)文本格式化-創(chuàng)新互聯(lián)

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

專注于為中小企業(yè)提供成都網(wǎng)站建設、網(wǎng)站建設服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)新余免費做網(wǎng)站提供優(yōu)質(zhì)的服務。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉變。html有什么特點

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

一，文本格式化：此例演示如何在一個 HTML 文件中對文本進行格式化。

<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如何實現(xiàn)文本格式化

二，預格式文本：此例演示如何使用 pre 標簽對空行和空格進行控制。

<html>
<body>
<pre>
這是   
預格式文本。   
它保留了      空格   
和換行。   
</pre>
<p>pre 標簽很適合顯示計算機代碼：</p>
<pre>
for i = 1 to 10   
     print i   
next i   
</pre>
</body>
</html>

效果如下：

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

三，“計算機輸出”標簽：此例演示不同的“計算機輸出”標簽的顯示效果。

<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>這些標簽常用于顯示計算機/編程代碼。   
</p>
</body>
</html>

效果如下：

html如何實現(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如何實現(xiàn)文本格式化

五，縮寫和首字母縮寫：此例演示如何實現(xiàn)縮寫或首字母縮寫。

<html>

<body>

<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>

<p>在某些瀏覽器中，當您把鼠標移至縮略詞語上時，title 可用于展示表達的完整版本。</p>

<p>僅對于 IE 5 中的 acronym 元素有效。</p>

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

</body>
</html>

效果如下：

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

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

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

效果如下：

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

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

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

效果如下：

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

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

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

效果如下：

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

以上就是關于“html如何實現(xiàn)文本格式化”的內(nèi)容，如果改文章對你有所幫助并覺得寫得不錯，勞請分享給你的好友一起學習新知識，若想了解更多相關知識內(nèi)容，請多多關注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。

當前標題：html如何實現(xiàn)文本格式化-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址：http://aaarwkj.com/article0/dgoeio.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計、品牌網(wǎng)站設計、響應式網(wǎng)站、手機網(wǎng)站建設、搜索引擎優(yōu)化、網(wǎng)站營銷

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

html如何實現(xiàn)文本格式化-創(chuàng)新互聯(lián)