准備工作
敲黑板
<html lang="en">：標簽中的lang='en' 規定元素內容的語言 某些自帶翻譯的瀏覽器會自動翻譯，如chrome 有時會把
翻譯成
步驟
- 創建新文件
- 設置文件格式
- 編寫代碼
- 保存並運行文件
- 對網站進行裝飾
- 網站基本結構解釋
全部代碼
<!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>我的第一個網頁</title>
</head>
<body>
</body>
</html>
開始工作
- 創建新文件（打開vscode->屏幕左上方file->new file）
- 設置文件格式（點擊窗口右下角Plain Text位置->輸入html並選擇）
- 快捷創建你的網頁代碼（在文件開頭輸入 英文！然后回車）
- 保存文件(修改文件名為:我的第一個網頁.html)並雙擊該文件
到這里你的第一個空白網站就創建好了 - 裝飾網站
- 修改網站標題
將代碼
<title>Document</title>
改為
<title>我的第一個網頁</title>
然后運行效果，頂部標題就發生了更改
- 添加網站的內容
內容再這里不再進行詳解，因為涉及知識點比較多，這里提供幾個詞可以供大家再網上查資料，避免萌新找不到方向
1.html標簽
2.html+css頁面布局
3.html行內元素和塊級元素
4.html結構
- 網站基本結構解釋
html中的每個子元素稱為標簽，而標簽也分為閉合和自閉合標簽
這里我找到了一個比較適合的文章：html:常見行內標簽，常見塊級標簽,常見自閉合標簽
<!DOCTYPE html>用於標記文檔類型 documenttype html
<html lang="en"></html>：這個標簽是html的跟標簽，里面的lang我們稱為標簽的屬性，lang屬性是控制網頁的語言的比如en指的就是網站默認語言為英文，比如谷歌瀏覽器就會彈出是否翻譯該網頁的選項，常用語言代碼表
寫在后面
- 為什么要用vscode編輯器，而不是像別人介紹使用txt文本編輯器？
個人認為在剛入門的過程中並不需要一個字母一個字母去理解，對於剛開始學習的萌新來說，快速出效果應該是比較好的選擇，當效果出來之后再去逐語句理解會更加輕松。 - w3c是什么？
你可以理解為網站開發的各方面的標准，而w3cschool是一個教程網站，可以從上面學到基礎的知識。