Html5 css3 零基礎入門(第10課):html元素及其屬性


Html5 css3 零基礎入門(第10課):html元素及其屬性

html元素及其屬性

html 元素

html 文檔是由 html 元素定義的,html 元素指的是從開始標籤結束標籤的所有代碼。

比如,你可以這麼稱呼,p元素;p元素,包含了,開始標籤,文本內容(元素內容),結束標籤;:

這裡是元素內容

當然也有個別的比較特殊的元素,比如
是一個換行標籤,可以理解為是一個空元素,且開始標籤和結束標籤是融合在一起的:


一個完整的最小的html文檔,包含了下面幾個html元素:

<title>Html5+css3 零基礎入門/<title>

這是一個最小的html5文檔

html 元素的屬性

html 元素的屬性,就是給元素/標籤添加附加的信息;比如:

這是一段文本

解釋:上面的代碼中,是給p元素,增加了一個class屬性,值是abc,這個class屬性,可以讓我們把一個css樣式應用到p元素上,以改變p元素的外觀,位置,大小等。

再比如:

這是一段文本

解釋:和class屬性的作用是類似的,id屬性為p元素添加另一個唯一的標識名稱,值是xyz。

再比如:

這是一段文本

解釋:style屬性,可以直接為p元素添加css樣式,這裡,p元素裡的文本被設置為了紅色red。

再比如:

這是一段文本

解釋:title屬性,為p元素添加了一個提示文本,鼠標放在文本上,會有一個文本的提示。

小結

html文檔,是由各種的html元素組成的,然後每個html元素又可以設置很多各種各樣的屬性,這些屬性,讓我可以讓我們標記元素,查找元素,控制元素,所有的這些,組合在一起,就形成了一個html文檔,也就是我們說的網頁代碼。

點擊下面的《瞭解更多》,可以查看對應的視頻。


分享到:


相關文章: