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 隨記