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

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

歡迎語(yǔ)

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

開(kāi)始寫(xiě)代碼

1、打開(kāi)我們昨天安裝的編輯器vscode如圖。

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

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

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

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

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

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

7、打開(kāi)我們剛才寫(xiě)的index.html文件

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

結(jié)束語(yǔ)

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

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

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

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

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

猜你還喜歡下面的內(nèi)容

網(wǎng)站指的是什么？需要注意什么？ 2023-12-19
需要擁有適合移動(dòng)設(shè)備的網(wǎng)站的原因 2023-12-19
成都網(wǎng)站建設(shè)制作(宿遷網(wǎng)站建設(shè)制作) 2023-12-19
成都網(wǎng)站建設(shè)教你如何加大技術(shù)化知識(shí)！ 2023-12-19
為什么大型網(wǎng)站擁有高權(quán)重 2023-12-19
網(wǎng)站制作技術(shù)怎么樣 2023-12-19
新站如何快速讓搜索引擎收錄 2023-12-19

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

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