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

2023-12-19    分類： 網(wǎng)站建設(shè)


歡迎語

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

開始寫代碼

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

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

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

4、現(xiàn)在開始正式編寫代碼，教大家一個快捷方式快速生成網(wǎng)頁基礎(chǔ)結(jié)構(gòu)輸入html編輯器會自動提示選擇第二行html:5按回車鍵即可生成如圖

5、寫第一個標簽<h1></h1>,在<h1>和</h1>標簽之間，輸入Hello World 字符串向編程世界問聲好，或者也可以想自己女朋友愛人表白。同時修改<title>Document</title>為<title>我的第一個網(wǎng)頁</title>，此時我們的第一行代碼，第一個網(wǎng)頁已經(jīng)編寫完成,同時按command+s鍵保存剛才寫的代碼。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的第一個網(wǎng)頁</title> </head> <body> <h1>Hello World</h1> </body> </html>復制代碼

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

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

8、此時瀏覽器里邊已經(jīng)出現(xiàn)我們剛才編寫的程序效果到此屬于我們自己的第一個網(wǎng)頁就完成了。

結(jié)束語

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

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

網(wǎng)頁題目：vscode制作網(wǎng)站教程(vscode表格快捷制作)
轉(zhuǎn)載源于：http://www.muchs.cn/news22/309372.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、網(wǎng)站收錄、自適應網(wǎng)站、網(wǎng)站內(nèi)鏈、外貿(mào)建站

廣告

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

h5響應式網(wǎng)站建設(shè)