<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
1.頭(head)
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
2.身體(body)
<body>
</body>
3.那在head的部分會看到系統自動出這些程式碼，讓我們一個一個來看
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
---------我是分隔線---------
主要是放一些關於網站內容的描述或SEO相關的關鍵字，那他的位置就是放在head裡面，所以才會看見head裡面有這些東西的出現
<meta charset="utf-8">
1.會自動幫我們轉成正常的中文編碼
<meta http-equiv="X-UA-Compatible" content="IE=edge">
2.程式會是以哪一個瀏覽器以及版本為主
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3.簡單來說就是可以控制螢幕的寬度和縮放比例，如果這樣太抽象，你就調整你的視窗大小，觀察網頁內容的變化，你就會發現裡面的東西會跟著移動，那上面那串程式碼就是在做這件事(設定縮放的比例)
從英文就很明顯看得出來就是標題了吧哈哈，但他的這個title就是我們視窗上會的名子，放張圖大家應該就會瞭解了
<title>哈囉你好嗎，我是title</title>
使用工具:VsCode(第二天會來向大家分享一下這個工具)
那今天先介紹到這邊，明天就來介紹一下我使用的工具，我們鐵人賽Day2見!!
iThome鐵人賽
看影片追技術