欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

歡迎來到入門教程網(wǎng)！

CSS/HTML

當(dāng)前位置：主頁 > 網(wǎng)頁制作 > CSS/HTML >

HTML 文本格式化的簡(jiǎn)單實(shí)例(詳解)

來源：本站原創(chuàng)|時(shí)間：2020-01-10|欄目：CSS/HTML|點(diǎn)擊： 次

一，文本格式化：此例演示如何在一個(gè) HTML 文件中對(duì)文本進(jìn)行格式化。

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <html>  
  2.   
  3. <body>  
  4.   
  5. <b>This text is bold</b>  
  6.   
  7. <br />  
  8.   
  9. <strong>This text is strong</strong>  
  10.   
  11. <br />  
  12.   
  13. <big>This text is big</big>  
  14.   
  15. <br />  
  16.   
  17. <em>This text is emphasized</em>  
  18.   
  19. <br />  
  20.   
  21. <i>This text is italic</i>  
  22.   
  23. <br />  
  24.   
  25. <small>This text is small</small>  
  26.   
  27. <br />  
  28.   
  29. This text contains   
  30. <sub>subscript</sub>  
  31.   
  32. <br />  
  33.   
  34. This text contains   
  35. <sup>superscript</sup>  
  36.   
  37. </body>  
  38. </html>  

效果如下：

二，預(yù)格式文本：此例演示如何使用 pre 標(biāo)簽對(duì)空行和空格進(jìn)行控制。

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <html>  
  2.   
  3. <body>  
  4.   
  5. <pre>  
  6. 這是   
  7. 預(yù)格式文本。   
  8. 它保留了      空格   
  9. 和換行。   
  10. </pre>  
  11.   
  12. <p>pre 標(biāo)簽很適合顯示計(jì)算機(jī)代碼：</p>  
  13.   
  14. <pre>  
  15. for i = 1 to 10   
  16.      print i   
  17. next i   
  18. </pre>  
  19.   
  20. </body>  
  21. </html>  

效果如下：

三，“計(jì)算機(jī)輸出”標(biāo)簽：此例演示不同的“計(jì)算機(jī)輸出”標(biāo)簽的顯示效果。

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <html>  
  2.   
  3. <body>  
  4.   
  5. <code>Computer code</code>  
  6. <br />  
  7. <kbd>Keyboard input</kbd>  
  8. <br />  
  9. <tt>Teletype text</tt>  
  10. <br />  
  11. <samp>Sample text</samp>  
  12. <br />  
  13. <var>Computer variable</var>  
  14. <br />  
  15.   
  16. <p>  
  17. <b>注釋：</b>這些標(biāo)簽常用于顯示計(jì)算機(jī)/編程代碼。   
  18. </p>  
  19.   
  20. </body>  
  21. </html>  

效果如下：

四，地址：此例演示如何在 HTML 文件中寫地址。

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!DOCTYPE html>  
  2. <html>  
  3. <body>  
  4.   
  5. <address>  
  6. Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>    
  7. Visit us at:<br>  
  8. Example.com<br>  
  9. Box 564, Disneyland<br>  
  10. USA   
  11. </address>  
  12.   
  13. </body>  
  14. </html>  

效果如下：

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

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <html>  
  2.   
  3. <body>  
  4.   
  5. <abbr title="etcetera">etc.</abbr>  
  6. <br />  
  7. <acronym title="World Wide Web">WWW</acronym>  
  8.   
  9. <p>在某些瀏覽器中，當(dāng)您把鼠標(biāo)移至縮略詞語上時(shí)，title 可用于展示表達(dá)的完整版本。</p>  
  10.   
  11. <p>僅對(duì)于 IE 5 中的 acronym 元素有效。</p>  
  12.   
  13. <p>對(duì)于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>  
  14.   
  15. </body>  
  16. </html>  

效果如下：

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

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <html>  
  2.   
  3. <body>  
  4.   
  5. <p>  
  6. 如果您的瀏覽器支持 bi-directional override (bdo)，下一行會(huì)從右向左輸出 (rtl)；   
  7. </p>  
  8.   
  9. <bdo dir="rtl">  
  10. Here is some Hebrew text   
  11. </bdo>  
  12.   
  13. </body>  
  14. </html>  

效果如下：

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

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <html>  
  2.   
  3. <body>  
  4.   
  5. 這是長的引用：   
  6. <blockquote>  
  7. 這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。   
  8. </blockquote>  
  9.   
  10. 這是短的引用：   
  11. <q>  
  12. 這是短的引用。   
  13. </q>  
  14.   
  15. <p>  
  16. 使用 blockquote 元素的話，瀏覽器會(huì)插入換行和外邊距，而 q 元素不會(huì)有任何特殊的呈現(xiàn)。   
  17. </p>  
  18.   
  19. </body>  
  20. </html>  

效果如下：

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

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <html>  
  2.   
  3. <body>  
  4.   
  5. <p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>  
  6.   
  7. <p>大多數(shù)瀏覽器會(huì)改寫為刪除文本和下劃線文本。</p>  
  8.   
  9. <p>一些老式的瀏覽器會(huì)把刪除文本和下劃線文本顯示為普通文本。</p>  
  10.   
  11. </body>  
  12. </html>  

效果如下：

以上這篇HTML 文本格式化的簡(jiǎn)單實(shí)例(詳解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持我們。

上一篇：HTML table鼠標(biāo)拖拽排序功能

欄    目：CSS/HTML

下一篇：h5輸入框提示語 + 正常文本框提示語的實(shí)現(xiàn)方法

本文標(biāo)題：HTML 文本格式化的簡(jiǎn)單實(shí)例(詳解)

本文地址：http://mengdiqiu.com.cn/a1/CSS_HTML/9557.html

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務(wù)器

如果侵犯了您的權(quán)利，請(qǐng)與我們聯(lián)系，我們將在24小時(shí)內(nèi)進(jìn)行處理、任何非本站因素導(dǎo)致的法律后果，本站均不負(fù)任何責(zé)任。

聯(lián)系QQ：835971066 | 郵箱：835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有