iT邦幫忙

2022 iThome 鐵人賽

DAY 4
0

元素

一段HTML通常被稱為元素(elements),元素中又有起始標籤、結束標籤、屬性等,現在就讓我們來看下範例
https://ithelp.ithome.com.tw/upload/images/20220917/20152607AiPNF5di8u.png
圖片出自MDN Web Docs

1.起始標籤(The opening tag):以「< >」表示,代表這段元素的開始,以上圖為例,代表斷落的開始。
2.結束標籤(The closing tag):以「</ >」表示,代表這段元素的結束,以上圖為例,代表斷落的結束。
3.內容(The content): 可以輸入元素的內容,以上圖為例,代表段落內容
4.屬性(Attribute):可以為元素添加其他設定,例如元素色彩、對其方式等等,必須寫在起始標籤內。
https://ithelp.ithome.com.tw/upload/images/20220917/20152607ye78Go04Pk.png
圖片出自MDN Web Docs

空元素

<br />

空元素沒有起始標籤、結束標籤之分,只有以一個< />表示,代表中間無發輸入內容(The content),但可以在標籤中輸入屬性

實作

將Visual Studio Code 打開,創建.html文檔,並輸入上述語法。
https://ithelp.ithome.com.tw/upload/images/20220917/20152607uXo54ed9By.png
可以顯示出基本的標題與段落。
https://ithelp.ithome.com.tw/upload/images/20220917/20152607G7L49PGEdX.png

【以上為我的學習心得,如有錯誤歡迎糾正】


上一篇
基本介紹與事前準備
下一篇
HTML基礎2
系列文
30天全端網頁學習之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言