1. 程式人生 > 其它 >製作第一個網頁

製作第一個網頁

Hello World,世界你好!

一般是程式設計師使用新程式語言寫的第一個測試程式,對於程式設計師來說,hello world能夠正常展示到瀏覽器上,就表示我們的程式碼已經能夠編譯正常運行了。所以我們就從最簡單的hello world開始。

第一種簡單方法

第一步:在電腦桌面,點選右鍵-選擇”新建-文字文件“,在文字文件中寫入 hello world。

第二步:修改文字文件的名字及字尾成 "index.html"。檔案圖示自動變成帶有瀏覽器圖示。

第三步:雙擊開啟,或者開啟方式選擇瀏覽器,或拖動到瀏覽器視窗。就可以看到自己的網頁執行成功了。

第二種方法

第一步:在電腦桌面,點選右鍵-選擇”新建-文字文件“,修改文字文件的名字及字尾成 "index.html"。檔案圖示自動變成帶有瀏覽器圖示。

第二步:把新建的”index.html“檔案拖到VScode編輯器中,輸入英文狀態下"!",點選”tab鍵“,自動填充程式碼如圖。 第三步:找到”body“標籤,也就是網頁內容部分,輸入”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“檔案,使用瀏覽器開啟網頁,如圖: 備註:能看到字尾名的同學請忽略。如果自己的檔案看不到字尾名,只能看到名字。 win10系統:點選”此電腦“。再點選”檢視“。
將副檔名選中就可以看到檔案字尾名了。 其他系統的,請自行百度。 到此,你的第一個網頁就完成啦!如果你想做一個內容更多,漂亮的網頁,請繼續學習。