首頁 >web前端 >html教學 >HTML文字格式化的實例詳解

HTML文字格式化的實例詳解

php中世界最好的语言原創: 2018-01-20 11:21:202168瀏覽

這次帶給大家HTML文字格式化的實例詳解，HTML文字格式化的注意事項有哪些，下面就是實戰案例，一起來看一下。

一，文字格式化：此範例示範如何在一個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>

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

<html>  
  
<body>  
  
<pre class="brush:php;toolbar:false">  
这是   
预格式文本。   
它保留了      空格   
和换行。

pre 标签很适合显示计算机代码：

  
for i = 1 to 10   
     print i   
next i

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

<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 檔案中寫入位址。

<!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>

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！