明輝手游網(wǎng)中心:是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

HTML文本格式化的案例詳細(xì)說明

[摘要]這次給大家?guī)鞨TML文本格式化的實(shí)例詳解,HTML文本格式化的注意事項有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。一,文本格式化:此例演示如何在一個 HTML 文件中對文本進(jìn)行格式化<html> <body> <b>This text is bold</...
這次給大家?guī)?a target="_blank">HTML文本格式化的實(shí)例詳解,HTML文本格式化的注意事項有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。

一,文本格式化:此例演示如何在一個 HTML 文件中對文本進(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>

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

<html>  
  
<body>  
  
<pre>  
這是   
預(yù)格式文本。   
它保留了      空格   
和換行。   
</pre>  
  
<p>pre 標(biāo)簽很適合顯示計算機(jī)代碼:</p>  
  
<pre>  
for i = 1 to 10   
     print i   
next i   
</pre>  
  
</body>  
</html>

三,“計算機(jī)輸出”標(biāo)簽:此例演示不同的“計算機(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ī)/編程代碼。   
</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>

相信看了這些案例你已經(jīng)掌握了方法,更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章!

相關(guān)閱讀:

html里的列表標(biāo)簽有哪些?

HTML的編輯基礎(chǔ)(新手必看篇)

html標(biāo)題,段落,換行,水平線,特殊字符應(yīng)該如何使用

以上就是HTML文本格式化的實(shí)例詳解的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。