在網頁設計上常用的單位有百分比(%)與像素(%)，這與我們在日常生活中常用之長度單位有很大之不同。但是長寬設定對網頁設計來說是一個很重要的部分，例如網頁呈現之大小、圖片大小及表格大小，甚至於是插入分隔線之長度大小，都需要用到長度之設定。以下茲就百分比(%)與像素(%)進行說明：
一、百分比
標記本身與外圍標記的百分比值。【以<hr>為例，當<hr>置於<body>與</body>內容中，則外圍標記就是<body>標記，但若是放在<td>與</td>標記中，則外圍標記就是<td>標記】
以<hr>標記來說明，其用途為在網頁中加入水平線，其width屬性值是用來設定水平線之長度。
圖1 以<hr>標記來說明長寬設定之方式
圖2 以圖1之內容所製作之網頁內容(以瀏覽器顯示之結果)
二、像素(px，pixels)
瀏覽器所使用的預設單位為像素(px)。由圖1之內容來看，當<hr>標記屬性之設定值沒有輸入單位時，表示係以像素(px)來顯示。
