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

1. 超鏈接(錨點):   <a ../>主要可以包含文本,圖像,各種文本格式化元素和表單元素等內容,可指定如下三個重要屬性:   (1).href:指定超鏈接指定的另一資源,(可以是絕對地址,也可以是相對地址)
   (2).target: 指定使用框架中的哪一個框架來裝載另一個資源,屬性值可以是_self,_blank,_top,_parent四個值,分別表示自身,新窗口,頂層框架,父框架。
   (3).media: 指定目標URL使用的媒體類型,默認值爲all,只有當指定了href屬性時該屬性才生效。
   除此之外,a元素還可以生成一個命名錨點,命名錨點用於在HTML頁面中生成一個定位點 ,這樣允許超鏈接直接鏈接到指定的頁面的該定位點。插入定位錨點需要指定name屬性,name屬性值就是命名錨點的名臣,例如:<a name="test"></a>.用瀏覽器瀏覽命名錨點時,該命名錨點不會生成任何顯示內容,我們可以使用如下超鏈接來定位到該錨點:<a href="index.html#test">定位到test錨點</a>,定位到指定錨點需要在URL資源後指定錨點名,錨點名與URL之間用#隔開。
2. 列表相關元素:
  (1).<ul>:定義無序列表,只能包含<li.../>元素。
  (2).<ol>: 定義有序列表,只能包含<li.../>元素。HTML5規範中,還可以指定如下三個屬性:
        start:指定列表項的起始數字,默認是第一個。
        type: 指定使用哪種類型的編號,例如1表示數字,A和a代表用字母,I和i代表使用羅馬數字。該屬性在HTML規範中不推薦使用,推薦使用css來定義。

  (3).<li>:定義列表項目,該元素可以包含於div完全類似的內容,因此可以包含較多類型的子元素。
  (4).<dl>: 也用於定義列表,該元素只能包含<dt ../><dd.../>兩種子元素。
  (5).<dt>: 定義標題列表項。只能包含文本,圖像,各種文本格式化元素和表單元素等內容。
  (6).<dd>:定義普通列表項。該元素可以包含於div完全類似的內容,因此可以包含較多類型的子元素。
3. 圖像相關元素:
   <img ../>用於定義頁面中的圖像,這個元素只能是一個空元素,它不可以包含任何內容。該元素必須只能以下兩個屬性:
   (1).src:指定圖片所在位置,可以是絕對位置,也可以是相對位置。
   (2).alt:指定一段文字,作爲圖片的提示信息。
4. 表格相關元素:
   (1).table:用於定義表格,此元素只能包含0個或1個<caption.../>子元素(定義表格標題),0個或1個<thead .../>子元素(定義表格頭),0個或1個<tfoot.../>子元素(定義表格腳),多個<tr.../>子元素(定義表格行),多個<tbody.../>子元素(定義表格體)。
    除此之外,還可以指定如下屬性:
       cellpadding:指定單元格內容和單元格邊框之間的間距。屬性值可以是像素,也可以是百分比。
       cellspacing:指定單元格之間的間距,屬性值可以是像素,也可以是百分比。
       width:表格寬度。屬性值可以是像素,也可以是百分比。
       (HTML5刪除了table標籤原有的align、bgcolor、border等屬性)
   (2).caption:用於定義表格標題,只能包含文本,圖像,各種文本格式化元素和表單元素等內容。
   (3).tr:定義表格行,只能包含<td../>和<th.../>兩種元素。
   (4).td:定義單元格,該元素可以包含於div完全類似的內容,包括在此元素包含<table>子元素在此插入一個表格,除此之外,還可以指定一下屬性:
       colspan:指定該單元格跨多少列,屬性值位數字。
       rospan:指定單元格可橫跨的行數。
       height:單元格高度,屬性值可以是像素,也可以是百分比。
       width:單元格寬度,屬性值可以是像素,也可以是百分比。
   (5).th:定義表格頁眉的單元格。用法與td類似。
   (6).tbody:定義表格的主體,只能包含tr子標籤。、
   (7).<thead>:定義表格頭,與tbody用法類似。
   (8).<tfoot>:定義表格腳,與tbody用法類似。
5.框架相關元素:
   HTML5不再推薦在頁面中使用框架集,因此HTML5刪除了<frameset../>,<frame../>和<noframes../>這三個標籤。
   HTML5依然保留了一個與框架相關的元素,<iframe>元素,該元素可以在普通HTML頁面中使用,該元素用於在普通HTML頁面中生成一個內聯框架,可以直接放在HTML頁面的任意位置,可指定如下屬性:
   (1).src:指定一個URL,指定該iframe將裝載那個頁面。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章