你不知道的網頁布局與文字修飾的設計技巧

 

一、標題

       一般文章都有標題、副標題、章和節等結構，HTML中也提供了相應的標題標簽<Hn>，其中n為標題的等級。 HTML提供了六個等級的標題，n越小。標題字號越大。

二、換行標簽

       在編寫HTML文檔時，我們不必考慮太細的設置。也不必擔心段落過長的部分會被瀏覽器切掉。因為在HTML的語言規范里，當瀏覽器窗口縮小時，瀏覽器會自動將右邊的文字轉折至下一行顯示。對于需要斷行的地方，應加上<br>標簽。

三、段落標簽

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

四、文字修飾

       1：字號大小設置

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

       2.字體與樣式

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

       3：文字顏色

       文字顏色設置語法格式如下：

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

       這里的顏色值可以是一個十六進制數。

五、預編排結構

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

六、列表

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

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

       2：序號列表

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

       3.定義性列表

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

七、框架與框架網頁

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

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