HTML基礎知識

墨辰丷
發布: 2018-06-04 16:01:01
原創
1415 人瀏覽過

本篇主要介紹HTML基礎知識,有興趣的朋友參考下,希望對大家有幫助。

開啟DREAMWEAVER,新建HTML。 。

body的屬性:

bgcolor               頁面的背景顏色

##background 文字顏色

topmargin              上邊距

leftmargin            tommargin          下邊距

#格式控制標籤:

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

#>1>1>

#<&1<&1&F<o

#>#strong> ;                   傾斜化

              底線

      居中



            相當於回車

表示空格,Ctrl shift space

#容器標籤:

            標題,並自動換行。 HTML標題是                                           透過

等標籤定義的。

              段落標籤(段落之間空白行)#lt#> ;/p>           層標籤(預設佔用一行)

       層標籤(預設用掉空間佔用多大空間)#100< 1">        有序列表,序號為1,2,3....,可在引號中改變序號的形式

   
  • 內容
  • #o 

  • 內容
  • ## #1; li>內容
  •                  上面的ol改為ul則變成無序號"./"             表示目前目錄

    相對路徑:從目前頁面開始尋找。

    絕對路徑:從網站的根開始尋找。 "/",代表網站的根。

    超連結標籤:

    超連結文字< /a>        --在新視窗開啟

    #也可在目前頁找到目錄點選目錄上的超鏈接,自動跳到當頁的某一個地方。

    圖片標籤:

    文字

    高度跟寬度設定一個即可保持原有比例。 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」   合併同一列儲存格(從第二行開始減去對應的欄位)

    總結:以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。

    相關推薦:

    幾個HTML基礎知識

    HTML基礎知識,關於超連結設定的樣式的詳細介紹

    在前端中的html基礎知識 

    以上是HTML基礎知識的詳細內容。更多資訊請關注PHP中文網其他相關文章!

  • 相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    作者最新文章
    最新問題
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!