HTML學習筆記(三) HTML5常用元素與屬性

2021-07-03 12:25:45 字數 2040 閱讀 5128

1. 超連結(錨點):

主要可以包含文字,影象,各種文字格式化元素和表單元素等內容,可指定如下三個重要屬性:

(1).href:指定超連結指定的另一資源,(可以是絕對位址,也可以是相對位址)

(2).target: 指定使用框架中的哪乙個框架來裝載另乙個資源,屬性值可以是

_self,_blank,_top,_parent四個值,分別表示自身,新視窗,頂層框架,父框架。

(3).media: 指定目標url使用的**型別,預設值為all,只有當指定了href屬性

時該屬性才生效。

除此之外,a元素還可以生成乙個命名錨點,命名錨點用於在html頁面中生成乙個定位點 ,這樣允許超連結直接鏈結到指定的頁面的該定位點。插入定位錨點需要指定name屬性,name屬性值就是命名錨點的名臣,例如:.用瀏覽器瀏覽命名錨點時,該命名錨點不會生成任何顯示內容,我們可以使用如下超連結來定位到該錨點:定位到test錨點,定位到指定錨點需要在url資源後指定錨點名,錨點名與url之間用#隔開。

2. 列表相關元素:

(1).:定義無序列表,只能包含元素。

(2).: 定義有序列表,

只能包含元素。html5規範中,還可以指定如下三個屬性:

start:指定列表項的起始數字,預設是第乙個。

type: 指定使用哪種型別的編號,例如1表示數字,a和a代表用字母,i和i代表使用羅馬數字。該屬性在html規範中不推薦使用,推薦使用css來定義。

(3).:定義列表專案,該元素可以包含於div完全類似的內容,因此可以包含較多型別的子元素。

(4).: 也用於定義列表,該元素只能包含兩種子元素。

(5).: 定義標題列表項。只能

包含文字,影象,各種文字格式化元素和表單元素等

內容。(6).:定義普通列表項。

該元素可以包含於div完全類似的內容,因此可以包含較多型別的子元素。

3. 影象相關元素:

(1).src:指定所在位置,可以是絕對位置,也可以是相對位置。

(2).alt:指定一段文字,作為的提示資訊。

4. **相關元素:

(1).table:用於定義**,此元素只能包含0個或1個子元素(定義**標題),0個或1個子元素(定義**頭),0個或1個子元素(定義**腳),多個子元素(定義**行),多個子元素(定義**體)。

除此之外,還可以指定如下屬性:

cellpadding:指定單元格內容和單元格邊框之間的間距。屬性值可以是畫素,也可以是百分比。

cellspacing:指定單元格之間的間距,

屬性值可以是畫素,也可以是百分比。

width:**寬度。

屬性值可以是畫素,也可以是百分比。

(html5刪除了table標籤原有的align、bgcolor、border等屬性)

(2).caption:用於定義**標題,

只能包含文字,影象,各種文字格式化元素和表單元素等

內容。(3).tr:定義**行,只能包含和

兩種元素。

(4).td:定義單元格,

該元素可以包含於div完全類似的內容,包括在此元素包含子元素在此插入乙個**,除此之外,還可以指定一下屬性:

colspan:指定該單元格跨多少列,屬性值位數字。

rospan:指定單元格可橫跨的行數。

height:單元格高度,

屬性值可以是畫素,也可以是百分比。

width:單元格寬度,

屬性值可以是畫素,也可以是百分比。

(5).th:定義**頁首的單元格。用法與td類似。

(6).tbody:定義**的主體,只能包含tr子標籤。、

(7).:定義**頭,與tbody用法類似。

(8).:定義**腳,與tbody用法類似。

5.框架相關元素:

html5不再推薦在頁面中使用框架集,因此html5刪除了,和這三個標籤。

html5依然保留了乙個與框架相關的元素,元素,該元素可以在普通html頁面中使用,該元素用於在普通html頁面中生成乙個內聯框架,可以直接放在html頁面的任意位置,可指定如下屬性:

(1).src:指定乙個url,指定該iframe將裝載那個頁面。

HTML5學習筆記(三)

標籤中的屬性 在標籤中,同樣存在一些屬性 方法和事件 方法屬性 事件play currentsrc play pause currenttime pause load videowidth progress canplaytype videoheight error 等等與標籤之間插入的內容是提供給...

html5學習筆記(三)

在html中標籤有很多種,它們之間有一些為行級標籤一些為塊級標籤。塊級標籤的特徵,不管標籤裡面的內容元素為多大,就算很小,它也會占用整整一行的網頁空間位置,比如div ul ol p 這類標籤預設情況下寬度就是 body 的寬度,這些標籤在使用時會使下乙個標籤或元素自動換行。行級標籤的特徵,它與塊級...

html5學習筆記三

html5 在客戶端存貯資料 有兩種方式 1.localstorage 沒有時間限制的儲存 示例 如下 html5 表單 html5 input型別 email urlnumber range date pickers search color 示例 如下 e mail homepage point...