一，網頁工具
下載下傳連結https://code.visualstudio.com/
VSCode的使用
- 建立一個 .html檔案
- 第一行中，輸入 ！号，建立基本格式
- 快捷鍵：Ctrl + / 即可添加注釋
- 自動格式化代碼：
- 點選檔案>>首選項>>設定
- 搜尋emmet.include
-
在settings.json下的【使用者】中添加一下語句：
“editor.formatOnType”: true,
“editor.formatOnSave”: true
- 效果圖：
HTML的基本結構标簽（html，head，title，body） - 每次儲存時，都會自動格式化代碼。
二，了解html，head，title，body标簽
-
制作簡單的網頁
建立一個txt的文本檔案裡面輸入代碼：
<!--
<html> </html> HTML标簽 根标簽
<head> </head> 網頁頭部 網頁head标簽中必須要設定title标簽
<title> </title> 網頁标題
<body> </body> 網頁的主體 頁面的内容基本都是在body裡
-->
<html>
<head>
<title>網頁的标題</title>
</head>
<body>
網頁的内容
</body>
</html>
再将檔案字尾名改為html或htm
3. 效果圖：