下">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<!-- 10. 開始標籤到結束標籤 -> 元素 -->
<!-- HTML的註解長這樣-->
<h1>HELLO WORLD</h1>
<!-- 20. 元素的屬性 -->
<h2 id=" contant">HELLO WORLD</h2>
<!-- id 的屬性值:
1. 有區分大小寫
2. 至少包含一個字元
3. 不能以數字開頭
4. 不能包含空格 -->
<!-- 21. 不同元素可能有不同屬性。 ex: <a> -->
<!-- href: 超連結的網址 -->
<h3 id="google_butten">這裡是網址</h3>
<h3 id="google_butten2">"
target="_blank"可以在新視窗跳轉，詳細功能看筆記本
</h3>
<a href="<https://www.google.com>" target="_blank" title="點擊進入Google">GOOGLE</a>
<!-- title: 顯示在滑鼠移到元素時的提示訊息 -->
<h1>屬性可以有很多個，也可以放前面或後面，但相同的屬性值只能有一個
</h1 id="remember">
<!-- 註解: ctrl + / -->
<!-- 複製程式碼: shift + alt + ↓ 或 ↑ -->
<!-- 搬移程式碼: alt + ↓ 或 ↑ -->
<!-- 調整整份文件的格式: shift + alt + F -->
<!-- 22. 元素可以有多個屬性。 ex: <a> -->
<h1 href="<https://www.google.com>">錯誤示範</h1 id="TESTTEST">
<h1><a href="<https://www.google.com>">下面的我就不嘗試了<a></h1>
<!-- 試試看，
元素使用不支援的屬性，是否能達到效果? -->
<!-- 23. JS相關屬性 -->
</body>
</html>