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

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

創(chuàng)新互聯(lián)專注于紫云企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),購物商城網(wǎng)站建設(shè)。紫云網(wǎng)站建設(shè)公司,為紫云等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站開發(fā)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

html有什么特點(diǎn)

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

效果如下：

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

二，預(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>

效果如下：

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>僅對(duì)于 IE 5 中的 acronym 元素有效。</p>

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

</body>
</html>

效果如下：

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

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

<html>
<body>
<p>
如果您的瀏覽器支持 bi-directional override (bdo)，下一行會(huì)從右向左輸出 (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 元素的話，瀏覽器會(huì)插入換行和外邊距，而 q 元素不會(huì)有任何特殊的呈現(xiàn)。   
</p>
</body>
</html>

效果如下：

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

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

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

效果如下：

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

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

網(wǎng)站欄目：html如何實(shí)現(xiàn)文本格式化
網(wǎng)站鏈接：http://bm7419.com/article28/jjshcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)站制作、全網(wǎng)營銷推廣、做網(wǎng)站、軟件開發(fā)、定制網(wǎng)站

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

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