HTML 編輯基礎

HTML  基礎語言

開啟DREAMWEAVER，新建HTML。 。

body的屬性：

bgcolor                頁背景色

background            背景壁紙、圖片

text                    文字與

topmargin              

上邊距

leftmargin              

左邊距

rightmargin            

右距

bottommargin          

下邊距

 

格式控制標籤：

分別控製字體的顏色、字體和大小。

                

字體加粗

     

字體加粗

                  

傾斜

             

傾斜

                

底線

      

居中

或
            相當於回車

                   

表示空格，且Ctrl+shift+space

 

內容容器標籤：

            

標題，且自動換行。 HTML標題是                                  . . .                

透過

到

到

等標籤所定義的標籤。

🎜

🎜

              段落标签（段落之间空行）

           層標籤（預設佔用一行）

       層標籤（預設使用多少空間佔用多大空間）

 

        有序列表，序號為1,2,3....，在引號中可以更改序號的形式

    

1. 內容

2.     

3. 內容

                 上面的ol改為ul則變成無序號列表改為

ul則變成無序號列表  

 

 

"../"            

表示上級目錄

"./"             

表示目前目錄

相對路徑：從目前頁面開始尋找。 絕對路徑：從網站的根開始尋找。

"/"

，代表網站的根。

 

  超連結標籤：

" target="_blank">超連結文字

        --

在新視窗開啟

還可以在當前頁找到目錄點擊目錄上的超鏈接，自動跳到當頁的某一個地方。

 

圖片標籤：

圖片地址" alt="文字" width=" height=" title=" 描述文字

” />

高度跟寬度設定一個即可保持原有比例。

alt在圖片無法載入時，顯示文字，還可以幫助搜尋引擎搜尋。

title可以加入圖片描述，滑鼠放在圖片上時可以顯示描述。

 

表格：

表格

    width:寬度。可以用像素或百分比表示。 常用960像素。

    border：邊框，常用值為0。

    cellpadding：內容跟邊框的距離，常用值為0。

    cellspacing：儲存格與儲存格之間的間距，常用值為0。

    algin：對齊方式。

    bgcolor：背景色。

    background：背景圖片。

 

行

    align:一行內容的水平對齊方式。

    valign:一行內容的垂直對齊方式。

    height：行高。

    bgcolor：背景色。

    background：背景圖片。

 

單元格

表頭，單元格的內容自動居中、加粗

    align:儲存格內容的對齊方式。

    valign:儲存格的內容的垂直對齊方式。

    width：儲存格寬度。

    height：單元格高度。

    bgcolor：背景色。

    background：背景圖片。     

    內容必須放在單元格里，而儲存格必須放在行裡，行必須放在表格裡。

    設定儲存格行高、列高時，會同時影響對應的行或欄位。

單元格合併：（建議盡量用表格嵌套）

    colspan=「n」    合併相同行的儲存格（後面寫程式碼要減去對應的欄位）

    rowspan=「n」   合併相同列儲存格（從第二行開始減去對應的欄位）