1. 程式人生 > 其它 >HTML中的幾個基本概念---標籤,元素,屬性

HTML中的幾個基本概念---標籤,元素,屬性

HTML文件由元素構成,元素由開始標籤,結束標籤,屬性、元素的內容4部分組成。

一、標籤:

HTML標籤是由一堆尖括號<>及標籤名組成的,標籤分為 "起始標籤" 和 "結束標籤" 兩種,兩者的標籤名稱是相同的,只是結束標籤多了一個斜槓 "/"

如圖:

  <html> </html>這是一對標籤,<html>是起始標籤,</html>是結束標籤

標籤的分類:

  單標籤:<標記名/> 也叫非封閉標籤如<br> <img>

  雙標籤“”<標記名> </標記名> 也叫封閉標籤,如:<html> </html>

按照作用可以將標籤劃分為:

  註釋標籤: <!--註釋--> 註釋不可以巢狀在其他註釋中,不可以位於<>之中

  根標籤:<html> </html>

  段落標籤:<p> </p>

  標籤標題:<h1> </h1>

二、元素

  標籤是為一個元素的開始和結束做標記的,網頁內容是由元素組成的,一個元素通常由一個開始標籤、內容、其他元素、一個結束標籤組成。

  即:每對尖括號 <>裡所包含的東西,如 <head> </head>中,head是元素標題;

如下圖:

  <head> </head>是開始和結束標籤,下面就是一個head元素;

其中<titlt> </title>也是標籤,又是一個title元素,同時這個title元素又是巢狀在head元素中的另一個元素。

元素的巢狀,上面也是元素的巢狀

<body> --開始標籤

  <p>段落</p> -- p元素

</body> --結束標籤 開始和結束標記是整個body元素

有一些元素由內容,但忽略結束標籤:

<p>我愛中國

三、屬性

  元素相關的特性叫做屬性,可以為屬性賦值,屬性/值 出現在元素的開始標籤的最後一個>之前,通過空格分割。屬性一般由屬性名和屬性值成對出現。

語法:

<標籤名 屬性名1="屬性值1" 屬性名2="屬性值2"屬性名3="屬性值3">內容</標籤>

align就是屬性名,center就是屬性值,是修飾p元素的。屬性加不加引號都是可以的,最好是雙引號。如果屬性值中含有單引號,那就用雙引號括起來屬性值。

一個元素的屬性是可以有多個的,排列是部分先後的。

標準屬性:----大部分元素所具備的屬性:

id: 定義所在標籤的唯一標記名稱,

title:滑鼠索移動到當前區域時索顯示的文字

class:引用樣式表當中的指定類樣式

style:定義當前標籤的行內樣式