vscode制作網站教程(vscode表格快捷制作)

2023-12-19 分類：網站建設

歡迎語

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

開始寫代碼

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

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

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

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

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>復制代碼

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

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

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

結束語

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

非常感謝您讀完創新互聯的這篇文章："vscode制作網站教程(vscode表格快捷制作)"，僅為提供更多信息供用戶參考使用或為學習交流的方便。我們公司提供：網站建設、網站制作、官網建設、SEO優化、小程序制作等服務，歡迎聯系我們提供您的需求。

網頁題目：vscode制作網站教程(vscode表格快捷制作)
轉載源于：http://m.kartarina.com/news22/309372.html

成都網站建設公司_創新互聯，為您提供移動網站建設、關鍵詞優化、網站收錄、自適應網站、網站內鏈、外貿建站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容