歡迎語

哈嘍大家好，又跟大家見面了。不管在看到這篇文章之前你做什麼工作，是一位廚師、一位老師、一位建築工人、又或者是一名醫生。我相信在你的工作或者生活當中都接觸過電腦或者手機，在使用電腦或手機的過程當中，你肯定也使用了瀏覽器或者各種手機軟件。不知道你在使用的過程當中有沒有好奇這些網站或者軟件是如何做的。如果你心存好奇，那麼今天我就告訴你這個秘密，同時我也將帶著你一起編寫屬於自己的第一個網頁。

開始寫代碼

1、打開我們昨天安裝的編輯器vscode如圖。

2、創建項目文件夾存儲我們將要編寫的代碼，就好比圈一塊地為我們開建大樓做準備一個道理如圖

3、項目文件夾下建index.html文件，該文件為編寫網頁代碼的文件如圖所示

4、現在開始正式編寫代碼，教大家一個快捷方式快速生成網頁基礎結構輸入html編輯器會自動提示選擇第二行html:5按回車鍵即可生成如圖

5、寫第一個標籤

,在

和

<code>                                    <title>我的第一個網頁/<title>           
Hello World
   複製代碼/<code>

6、安裝open in browser 插件（該插件可以提供在編輯器裡邊直接打開html文件）

7、打開我們剛才寫的index.html文件

8、此時瀏覽器裡邊已經出現我們剛才編寫的程序效果到此屬於我們自己的第一個網頁就完成了。

結束語

今天的練習很簡單，但我想對於之間只使用過網頁的人，能通過自己寫出這屬於自己的第一個網頁，已經是很大的進步，我相信，只要我們繼續保持這種好奇心，學習慾望，堅持不斷學習不就將來我們自己也可以變成一個前端工程師，寫出漂亮的網頁來。

閱讀更多 前端盼哥 的文章

關鍵字: 軟件 工程師 2019科技之光