你不知道的網(wǎng)頁布局與文字修飾的設(shè)計技巧

 

一、標(biāo)題

       一般文章都有標(biāo)題、副標(biāo)題、章和節(jié)等結(jié)構(gòu)，HTML中也提供了相應(yīng)的標(biāo)題標(biāo)簽<Hn>，其中n為標(biāo)題的等級。 HTML提供了六個等級的標(biāo)題，n越小。標(biāo)題字號越大。

二、換行標(biāo)簽

       在編寫HTML文檔時，我們不必考慮太細(xì)的設(shè)置。也不必?fù)?dān)心段落過長的部分會被瀏覽器切掉。因為在HTML的語言規(guī)范里，當(dāng)瀏覽器窗口縮小時，瀏覽器會自動將右邊的文字轉(zhuǎn)折至下一行顯示。對于需要斷行的地方，應(yīng)加上<br>標(biāo)簽。

三、段落標(biāo)簽

       為了使文字排列整齊、清晰、段落之間常用<p></p>來做標(biāo)簽。</p>是可以省略的，因為下一個<p>就意味著上一個<p>的結(jié)束。<p>標(biāo)簽還有一個屬性align，它是用來指示段落顯示時的對齊方式的，一般有center，left，right三種。

四、文字修飾

       1：字號大小設(shè)置

       設(shè)置字號大小的標(biāo)簽是<font>，它有一個屬性size，通過指定size屬性就能設(shè)置字號大小。size屬性的有效值范圍值為1~7，默認(rèn)值為3，我們可以在size屬性值前加上“+”或“-”符號，來指定相對于字號起始值的增量或減量。

       2.字體與樣式

       HTML 4.0中提供了定義字體的功能，用face屬性來完成這個工作。face的屬性值可以是本機(jī)上的任一字體類型，但有一點問題就是，只有當(dāng)瀏覽者的計算機(jī)中裝了相同的字體才可以正確看到該字體效果。

       3：文字顏色

       文字顏色設(shè)置語法格式如下：

       <font color=顏色值>...</font>

       這里的顏色值可以是一個十六進(jìn)制數(shù)。

五、預(yù)編排結(jié)構(gòu)

       在網(wǎng)站推廣中，HTML還提供了一種非常有用的預(yù)排結(jié)構(gòu)，利用它可以使信息在瀏覽器中完全依照源文件中的編排格式顯示出來。

六、列表

       列表是一種規(guī)定格式的文字排列方式，分為無序號列表，有序號列表和定義性列表三種。

       1：無序號列表使用的一對標(biāo)簽是<ul>，</ul>，第一個列表項前使用<li>標(biāo)簽。

       2：序號列表

       序號列表和無序號列表的使用方法基本相同，標(biāo)簽為<ol>，</ol>，第一個列表項前使用<li>標(biāo)簽。每個項目都有前后順序之分，多用數(shù)字表示。

       3.定義性列表

       定義性列表可以用來給每一個列表項再加上一段說明性文宇，說明文字獨立于列表項并另起一行顯示。列表項使用<dt>標(biāo)簽。說明性文字使用<dd>標(biāo)簽，在定義性列表中，還有一個屬性是compact，使用這個屬性后，說明文字和列表項將在同一行中顯示。

七、框架與框架網(wǎng)頁

       在網(wǎng)站推廣中，框架(Frames)的作用是將網(wǎng)頁分割為多個HTML頁面，在瀏覽器中顯示時，則顯示為一個完整的頁面。每個框架都包含一個HTML頁面，由這些頁面組成了框架網(wǎng)頁。在瀏覽器中看上去，使用框架結(jié)構(gòu)制作的網(wǎng)頁并沒有什么特別的地方，就像Fhoroshw中未合成圖層的圖片一樣，雖然版面是由多個活動的圖片組成，但整個版面所且示的和打印的則是一幅完整的圖片。

       框架網(wǎng)頁的最大特點是在不改變整頁布局的情況下，可以使其中的HTML頁面之間互相鏈接，達(dá)到不翻頁即可獲取所需內(nèi)容的目的，這一特點使其在顯示電子文檔方面具有得天獨厚的優(yōu)勢