html5 02 隨記

標籤：寬度   html5   應該   映像   row   ide   表單   不能   png   

  HTML 02

全域通用屬性  id  name  class  style

一、 映像標籤

     標籤名:<img  />

   常用屬性:

                Alt -- 代表映像的替代文字

作用: 當圖片不顯示的時候出現內容 用於提醒使用者本圖片的內容

Src -- 代表一個映像的源路徑(就是映像的位置)

Border -- 代表圖片邊框寬度

Height -- 代表映像的高度

Width -- 代表映像的寬度

注意: 如果想要使用寬度和高度的話 不能同時使用 否則圖片失真 如果要改變效果 請修改一個屬性即可

 Title -- 提示字

                            常用格式:

JPEG  -- 支援多種顏色可以有很高的壓縮比  使用有損壓縮 不支援透明

GIF -- 最多支援256色 支援透明  支援多幀動畫顯示效果

PNG -- 是一種新的圖片技術 可以表現品質比較高的圖片 使用無損壓縮 支援透明 不支援動畫

注意 : 圖片標籤的所有路徑不能出現中文內容 在代碼路徑中不能出現中文！ 所有現在開始我們的所有命名請使用英文和拼音

二、   連結和錨點

1. 連結標籤

標籤名:<a></a>

常用屬性:

Href -- 代表的是一個url連結源(就是你要連結到什麼位置)

Url除了是網頁外 還可以是其他的檔案(如:文字檔,圖片等..)

如果你要跳轉到網站上的時候 必須要在href的裡面寫上我們的協議(http,https)

Url還可以是指定一個html檔案的一個位置

Url 還可以是EMail地址

target  用來指出哪個視窗或架構應該被此連結開啟

       _blank  將串連內容在新視窗開啟

       _parent 將串連內容 當前檔案的上一個畫面

    _self   將串連內容顯示在目錄的視窗中（預設值）

        _top    這個參數可以解決新內容被舊框窗保衛的困擾（分幀架構的時候講解）

 

Title -- 代錶鏈接附加提示資訊

 

 

1. 錨點(內部連結)

聲明錨點

            <a name="錨點名"></a>

      使用錨點

            內部使用方式

                  <a href="#錨點名"></a>

外部使用方式

<a href="./demo.html#錨點名">我要去看小說的第三章</a>

<h1 id=”one”></h1>

三、表格標籤

1. 表格標籤

<table></table>

常用屬性:

  Border 邊框 單位是像素  設定為0則不顯示邊框

  Width  表格寬度  可使用像素或者百分比

Height  表格高度  可以使用像素或者百分比

注意:如果外面沒有父級元素設定高度 那麼我們就不能使用百分比

Cellspacing 儲存格間距 單位為像素 預設為2

Cellpadding 儲存格內邊距 單位為像素 預設為1

align 表格相對於周圍元素的位置

 left（左邊）|center(中間)|right（右邊）

                 Bgcolor 背景顏色

Background 背景圖片

Frame 規定外側邊框的哪個部分是可見的（瞭解）

Void  不顯示外側邊框

Above 顯示上部的外側邊框

Below 顯示下部的外側邊框

Hsides 顯示上部和下部的外側邊框

Vsides 顯示左邊和右邊的外側邊框

       2. 列標籤

<tr></tr> 代表 html中表格的一行內容

  常用屬性:

Align 內容的水平位置

Left（預設值）|center|right

                                           Valign 內容的垂直位置

Top（上面）|middle（中間）（預設值）|bottom（下面）

Bgcolor 背景顏色

                                            Height  高度

注意:在tr標籤中是沒有width這個屬性的 所以說別再tr標籤中設定寬度屬性

3. 儲存格標籤

<td></td> 代表html中表格的一個儲存格

Width/height 寬度和高度

Align/valign 對齊

Left|center|right

Top|middle|bottom

Colspan 合并列

Rowspan 合并行

Bgcolor 背景顏色

 

<th></th> 在html中的表格中代表儲存格 但是他有特殊的樣式是 加粗置中顯示

4. 表頭標籤

<caption></caption> 表格表頭

html5 02 隨記