首頁  >  文章  >  web前端  >  HTML 編輯基礎

HTML 編輯基礎

WBOY
WBOY原創
2016-09-09 08:13:221221瀏覽

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」   合併相同列儲存格(從第二行開始減去對應的欄位)

 

 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn