製作網頁中設計段落縮排的方法

2022-10-04 12:45:12 字數 1002 閱讀 5784

在使用dreamwe**er進行網頁製作中有關文件資料內容的網頁時,如果是英文書寫格式,段落一般不縮排(不支援半形空格);如果需要縮排往往需要用如下方法解決:

1人為的加入兩個中文全形空格,才能夠顯示出位置縮排效果。

2、插入點圖或圖形

點圖是指中只有乙個或幾個畫素點,用肉眼看不程式設計客棧出來。當我們在段落開頭插入這樣乙個點圖,並用hspace和vspace屬性來調整點圖的左右和上下的空格,以達到段落縮排。

同樣可以插入圖形,只不過該圖形的顏色需要用網頁背景色,這種方式用img的width和height屬性調整圖形大小,以達到縮排。

插入圖形的方法,需要我們掌握好hspace和vspace大小的尺度,使之剛好留出兩個漢字的位置,這樣才比較美觀。

3、插入沒有邊框和內容的**

這種方式與上述的插入圖形方式類似,該**沒有邊框和內容,是空**。用table的width和height屬性調整**大小適合縮排的需要。

利用**來定位一般來說比較可靠,我常常就採用這種方式來對比較複雜的頁面進行定位。不過這種方法有乙個問題,就是可能是頁面的原始檔變大。因此也不見得是格式控制的首選。

4、插入特殊的空格字元「&nbsp」

「&nbsp」代表非顯示空格字元。插入若干個「&nbsp」字元,中間用分號(;)或者空格隔開,也可以實現中文段落縮排。不過在netscape 3.01中只能寫小寫字母,而在ie中大小寫都可以。

這四種方法htdmuil主要是針對利用html的語言編寫網頁而言。在一些網頁製作工具,如網景瀏覽器中有專門加入空格的工具條,也可以完成段落縮排。

5、預格式(pre)

用預格式編寫的原始檔,在顯示時照原始檔中的排版字樣顯示,空行和空格都能很清楚地區htdmuil別開來。如原始檔為:

程式設計客棧

--預格式顯示……

網頁就會按照你預先設定好的顯示方式顯示,即在「預格式顯示」的前面就會空兩個漢字的位置。

通過以上方法,就可以解決網頁製作中段落縮排的問題。

本文標題: 製作網頁中設計段落縮排的方法

本文位址:

網頁設計與製作的學習(三)

標籤指定式選擇器又稱交集選擇器,由兩個選擇器構成,其中第乙個為標記選擇器,第二個為class選擇器或id選擇器,兩個選擇器之間不能有空格。段落一段落二 段落三方塊1 後代選擇器用來選擇元素或元素組的後代,其寫法就是把外層標記寫在前面,內層標記寫在後邊,中間用空格分隔。當標記發生巢狀時,內層標記就成為...

網頁製作中的背景處理

在製作網頁過程中,經常需要考慮頁面中的留白問題,因為我們設計時,按大多數使用者顯示器的設定來製作內容區,即橫向解析度的設定是1024畫素,可是使用者設定是多樣化的比如有的使用者是1280 1440 1600 1680等,內容區之外會有很多的留白,為了美觀起見,不可避免地需要對留白區進行一些處理。下面...

CSS製作網頁中的虛線

這裡議決邊框屬性的虛線邊框border控制虛線。以下配置的css 高度 css height 和css 寬度 css width 為350畫素是為了便於 演示 其它意思。一 四邊為虛線邊框 border 1px dashed 000 黑色虛線邊框 例項 css hackhome html 我的四邊為...