HTML 文字格式化的簡單實例

下面小編就為大家帶來一篇HTML 文字格式化的簡單實例(詳解)。小編覺得蠻不錯的，現在就分享給大家，也給大家做個參考。一起跟著小編過來看看吧

一，文字格式化：此例示範如何在一個 HTML 檔案中對文字進行格式化。

XML/HTML Code複製內容到剪貼簿

1.   

   body

>
2.   

3.   

   b

>
4. This 

  

5. br />   

7. strong

   >This text is strong   

8. br
 
9. />

        big

   >
This text is big
10.  

11. br />  

12.   

13. em>This text is emphasized br

     
/>
14.   

15.   

    i

>
16. This text is italic

17. br />  

small

>
18. This text is small

    br

     
/>
19.   

20.   

    This text contains   sub>

      

br />  

  

22. This text contains   

23.   

body

24. >

      

25. html>

      
27. 效果如下：

    二，預格式文字：此範例示範如何使用 pre 標籤對空白行和空格進行控制。

    
    

    XML/HTML Code複製內容到剪貼簿

    1.   

       body

    >
    2.   

    3.   

       pre

    >
    4.      

    5. 它保留了      空格   

       和換行。

    6. pre

    >
    7.   

    8.   

    9. p
    10. >

             

    11. pre
    12. >

                print i   next i   

    13. pre

    >
    14.   

          

    15. >  

    16. 效果如下：
    18. 三，「電腦輸出」標籤：此範例示範不同的「電腦輸出」標籤的顯示效果。

        XML/HTML Code

    複製內容到剪貼簿

    20.   

        body
    21. >

            

    code
    >

    

    br />

      
    

    kbd

    >

    Keyboard input

    1. kbd>  

    tt

>
28. Teletype text

    tt>  

br
30.  

    /> Sample textsamp>  

br
31.  

    />  

var

32. >var>

33. br />  

34.   

35. b>

    註解：

36. b>這些標籤常用於顯示電腦/程式碼。 p>

      

37.   

html

38. >

      

39. 效果如下：

40. 四，位址：此範例示範如何在HTML 檔案中寫位址。

    XML/HTML Code

複製內容到剪貼板

html

>  

body>  

  
2. a href="mailto:webmaster@example.com ">
Donald Duck

3. a>.

   br

4. >
  

5. Example. combr

   >
  

6. Box 564, Disneylandbr address>  

body

7. >  

8. 五，縮寫和首字母縮寫：此範例示範如何實現縮寫或首字母縮寫。

9. XML/HTML Code複製內容到剪貼簿

  
11. body>   
  
13. abbr title >  

14. br  />  

15. acronym title="World Wide Web">   

p

16. >

    在某些瀏覽器中，當您將滑鼠移至縮寫詞上時，title 可用於展示表達的完整版本。

17. p>    .

18. p

>
19.   

      .cp 元素都有效。 p

>
20.   

21.   

    . html>  

22. 效果如下：

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

24. XML/HTML Code

    複製內容到剪貼簿

      

body

>

  

  

p

>

  向左輸出 (rtl)；   

1. p>

     

2.   

3. >  

   Here is some Hebrew text   

5. bdo>  

     
7. html

   >  

效果如下：

9. 七，區塊引用：此範例示範如何實現長短不一的引用語。 XML/HTML Code複製內容到剪貼簿

10.   

11. body>

      

12.   

13. 這是長篇的引用：   

14. 這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。這是長的引用。

15. blockquote>  

16.   

    q
17. >

      

18. 這是短的引用。

    q
19. >

      

20.     

21. 使用 blockquote 元素的話，瀏覽器會插入換行和外邊距，而q 元素不會有任何特殊的呈現。

22. p>

      

23.   

24. html>

      
26. 效果如下：

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

27. XML/HTML Code複製內容到剪貼簿

  

body>

  

  

p

1. >

   一打 > 

   ins
2. >

   十二

3. ins

   > 件。 p

   >
  
  

5. 寫文字p>    .p p>    .

html

6. >

     

7. 效果如下：以上這篇HTML 文字格式化的簡單實例(詳解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持PHP中文網。 更多HTML 文字格式化的簡單實例相關文章請關注PHP中文網！