---
# System prepended metadata

title: HTML元素的結構
tags: ['HTML, CSS']

---

# HTML元素的結構

---
tags: HTML CSS relate
---

###### tags: `HTML, CSS`

![](https://i.imgur.com/O1rxTLC.png)

起始標籤(Opening tag)
結束標籤(Closing tag) 多個斜線 "/"
內容(Content) 在標籤內的內容 : My cat is very grumpy
元素(Element) 包含上述三者

-----------

![](https://i.imgur.com/UrVNWKG.png)


上圖框限標示出來的部分就是Attribute

它們有些是HTML內建的 例如` <a herf="網址">`

有些是為了要用CSS修飾，或是為了JavaScript的功能加上去的

如class
可以表示顏色

![](https://i.imgur.com/gHX61Qn.png)

如id
id會有個錨點(超連結)

![](https://i.imgur.com/Bt3XtOu.png)

以及一個錨點的起點
![](https://i.imgur.com/A9kWxMC.png)
