制作第一個(gè)網(wǎng)頁

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í)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容