您當(dāng)前位置：首頁 > web前端 > htmlcss > 【HTML】文字效果

【HTML】文字效果

來源：程序員人生發(fā)布時間：2015-05-06 09:05:31 閱讀次數(shù)：3010次

為了在網(wǎng)頁中顯示文字信息，設(shè)計html時，只要在<body></body>中需要添加文字的地方輸入文字就能夠了，和我們在Word、記事本中的添加方式1樣。同時，為了增加代碼的可讀性，還可以用<!-->添加必要的注釋，這些注釋信息不會顯示在頁面中。

1.文字修飾

在html文件中添加文字后，為了使網(wǎng)頁更加的美觀，還需要對文字添加1些效果。需要用到的1些標(biāo)記以下

標(biāo)記	說明
<b>	加粗
<i>	斜體
<u>	下劃線
<del>	刪除線
<address>	設(shè)置地址文字
<sup>	上標(biāo)
<sub>	下標(biāo)

實例：

<html> <head> <title>文字修飾</title> </head> <body> 語文： 　靜夜思 床前明月光  疑似地上霜  舉頭望明月  <del>低頭思故鄉(xiāng)</del>  數(shù)學(xué)： x2⑹x+5=0  解：x1=0;x2=1  </body> </html>

效果：

2. 段落

不管普通文檔還是網(wǎng)頁，在關(guān)于文字信息的部份都會觸及到段落的相干內(nèi)容，它使得文字表達(dá)更加清晰。在html中專門的段落標(biāo)記是，除此以外還有很多標(biāo)記可以設(shè)置它的段落格式

標(biāo)記	說明
<p>	定義段落，但是不能進(jìn)行段落格式的設(shè)置
<br>	回車
<pre>	預(yù)格式化，設(shè)置后，鍵盤上的回車鍵便可生成1個段落
<blockquote>	設(shè)置段落縮進(jìn)，可以增加段落的層次效果
<hr>	插入并設(shè)置水平線

3.特殊符號

在使用特殊符號時需要轉(zhuǎn)換成相應(yīng)的代碼，把這些代碼插入到html文件中，這樣顯示在網(wǎng)頁中的才是我們需要的特殊符號。經(jīng)常使用的特殊符號與代碼對應(yīng)以下：

符號	對應(yīng)代碼
空格
&	&
?	©
?	™
?	®
￥	¥
§	§

實例：

<html> <head> <title>特殊符號的使用</title> </head> <body> 廊坊師范學(xué)院，建院于1946年，升本建院以來，學(xué)院已為社會輸送了4萬余名各級各類專業(yè)人材。 版權(quán)所有©：廊坊師范學(xué)院  </body> </html>

效果：