Hello World一般是程序員使用新編程語言寫的第一個(gè)測試程序,對(duì)于程序員來說,hello world能夠正常展示到瀏覽器上,就表示我們的代碼已經(jīng)能夠編譯正常運(yùn)行了。所以我們就從最簡單的hello world開始。
第一步:在電腦桌面,點(diǎn)擊右鍵-選擇”新建-文本文檔“,修改文本文檔的名字及后綴成 "index.html"。文件圖標(biāo)自動(dòng)變成帶有瀏覽器圖標(biāo)。
備注:能看到后綴名的同學(xué)請忽略。如果自己的文件看不到后綴名,只能看到名字。
win10系統(tǒng):點(diǎn)擊”此電腦“。再點(diǎn)擊”查看“。

將文件擴(kuò)展名選中就可以看到文件后綴名了。

其他系統(tǒng)的,請自行百度。
第二步:把新建的”index.html“文件拖到VScode編輯器中,輸入英文狀態(tài)下"!",點(diǎn)擊”tab鍵“,自動(dòng)填充代碼如圖。

第三步:找到”body“標(biāo)簽,也就是網(wǎng)頁內(nèi)容部分,輸入”hello world“!代碼為:
<!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>
hello world
</body>
</html>
第四步:雙擊”index.html“文件,使用瀏覽器打開網(wǎng)頁,如圖:

到此,你的第一個(gè)網(wǎng)頁就完成啦!如果你想做一個(gè)內(nèi)容更多,漂亮的網(wǎng)頁,請繼續(xù)向下學(xué)習(xí)。