HTML Hello
https://www.xiaobuteach.com/html/introduce/hello.html?from=bili
HTML Hello
第1步：打開項目文件夾
步驟1：新建項目文件夾
可任意創(chuàng)建1個文件夾作為項目文件夾，然后打開。
我創(chuàng)建的文件夾是： f:\99-task\html
步驟2：打開項目文件夾
可通過兩種方式打開項目文件夾
第1種方式：File — Open Folder
第2種方式：點擊左側的Explorer面板，點擊 Open Folder按鈕。
選中項目文件夾
打開成功。
第2步：新建hello.html文件
點擊新建文件按鈕
輸入文件名 hello.html。html文件的擴展名可以是 .html 或 .htm ，習慣使用 .html。
回車后自動打開編輯窗口
第3步：利用模板快速完成代碼
輸入html，彈出相應模板，選擇html:5 模板
自動完成如下代碼
第4步：編輯內(nèi)容
<title>節(jié)點里的內(nèi)容修改為 小步教程 www.xiaobuteach.com
<body>節(jié)點里的內(nèi)容修改為 hello,HTML
HTML完整內(nèi)容如下
<!DOCTYPE html> <html> <head> ? ? <meta charset="UTF-8"> ? ? <meta name="viewport" content="width=device-width, initial-scale=1.0"> ? ? <title>小步教程 www.xiaobuteach.com</title> </head> <body> Hello,HTML。 </body> </html>
第5步：訪問網(wǎng)頁
點擊右鍵 — Open In Default Browser 。
自動打開Chrome瀏覽器，運行效果如下。
第1個頁面完成。
標簽：
