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:定義當前標籤的行內樣式