從零開始學前端第一季第002期：代碼初體驗，編寫屬於本身的第一個網頁

時間 2020-02-20

原文原文鏈接

歡迎語

哈嘍你們好，又跟你們見面了。無論在看到這篇文章以前你作什麼工做，是一位廚師、一位老師、一位建築工人、又或者是一名醫生。我相信在你的工做或者生活當中都接觸過電腦或者手機，在使用電腦或手機的過程中，你確定也使用了瀏覽器或者各類手機軟件。不知道你在使用的過程中有沒有好奇這些網站或者軟件是如何作的。若是你心存好奇，那麼今天我就告訴你這個祕密，同時我也將帶着你一塊兒編寫屬於本身的第一個網頁。 html

開始寫代碼

打開咱們昨天安裝的編輯器vscode如圖。
建立項目文件夾存儲咱們將要編寫的代碼，就比如圈一塊地爲咱們開建大樓作準備一個道理如圖
項目文件夾下建index.html文件，該文件爲編寫網頁代碼的文件如圖所示
如今開始正式編寫代碼，教你們一個快捷方式快速生成網頁基礎結構輸入html編輯器會自動提示選擇第二行html:5按回車鍵便可生成如圖
寫第一個標籤<h1></h1>,在<h1>和</h1>標籤之間，輸入Hello World 字符串向編程世界問聲好，或者也能夠想本身女友愛人表白。同時修改<title>Document</title>爲<title>個人第一個網頁</title>，此時咱們的第一行代碼，第一個網頁已經編寫完成,同時按command+s鍵保存剛纔寫的代碼.

<!DOCTYPE html>
     <html lang="en">
     <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>個人第一個網頁</title>
     </head>
   <body>
   <h1>Hello World</h1>
  </body>
 </html>
複製代碼