2023-12-19 分類: 網(wǎng)站建設(shè)
哈嘍大家好,又跟大家見(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按回車鍵即可生成如圖
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è)就完成了。
今天的練習(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://m.newbst.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)容