HTML5-從0開始學習之HTML5標籤，屬性，與元素之間的關係
阿新 • • 發佈：2018-12-16
上次我介紹了HTML5的結構，如下圖所示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="style.css"> <script src="script.js"> <title>Document</title> </head> <body> </body> </html>
這次我們來繼續學習HTML5的標籤，屬性，元素之間的關係。
什麼是標籤？
<html></html> <head></head> <body></body>這就是三個標籤，程式碼必須要寫在標籤當中，當然標籤不止這三種標籤，以後我們在列舉其他標籤。
什麼是屬性？
屬性就是標籤的屬性，比如我們現在先建立一個div，div就是一個標籤，可以用來定義文件中的分割槽和節，是經常要用的標籤。
我們先在body標籤裡寫上一個div：
<body> <div style="height:100px;width:100px;background-color:black"></div> </body>
我們可以看到標籤內部有三個屬性值，分別是height，width，background-color三個屬性值，分別代表高度，寬度，背景顏色。
在這裡我們將三個屬性值分別設定為高100畫素，寬100畫素，背景色設定為黑色。
效果如圖：
我們的頁面中就出現了這麼一個高寬分別為100畫素，背景色為黑色的小方塊。
什麼是元素？
元素是指標籤，標籤的屬性與其包裝在內的內容的總稱。
或者可以說是元素=標籤+屬性+內容。