vscode調(diào)用HTML文件的實(shí)現(xiàn)步驟
做數(shù)據(jù)庫(kù)課設(shè)的內(nèi)容,嘗試一些自己沒(méi)有接觸過(guò)的東西,了解如何創(chuàng)建一個(gè)網(wǎng)站以及數(shù)據(jù)庫(kù)的一個(gè)應(yīng)用
創(chuàng)建html文件
創(chuàng)建一個(gè)html的文件,加入后綴名
下載拓展內(nèi)容
點(diǎn)擊拓展
可以使用快捷鍵ctrl+shfit+x
查找需要的拓展
輸入open in browser,進(jìn)行下載
導(dǎo)入html代碼
因?yàn)槲蚁胍獓L試生成一個(gè)帶有登錄和注冊(cè)界面的網(wǎng)站,那么我就要導(dǎo)入相應(yīng)的html代碼
下面是一位博主的代碼,參考連接放在最后
<!DOCTYPE html>
<html lang="en">
<head>
<metame="viewport" content="width=device-width, initial-scale=1.0">
<title>Da charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta nocument</title>
</head>
<body>
<form action="https://www.baidu.com/">
<table width="600px" border="1px" cellspcing="0">
<tbody>
<tr height="40px">
<td rowspan="4" align="center">總體信息</td>
<td colspan="2"></td>
</tr>
<tr height="40px">
<td align="right">用戶名：</td>
<td>
<input type="text" name="loginname">
</td>
</tr>
<tr height="40px">
<td align="right">密碼：</td>
<td>
<input type="password" name="pwdname">
</td>
</tr>
<tr height="40px">
<td colspan="2" align="center">
<input type="submit" value="提交">
<input type="reset" value="重置">
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
設(shè)置默認(rèn)打開瀏覽器
在運(yùn)行代碼的旁邊點(diǎn)擊右鍵,找到Open in Default Browser
這里這樣就會(huì)在默認(rèn)的瀏覽器當(dāng)中打開了
運(yùn)行結(jié)果
完成上述操作之后進(jìn)行運(yùn)行
參考文獻(xiàn)
vscode怎么運(yùn)行代碼HTML 怎么在vscode編寫HTML代碼
到此這篇關(guān)于vscode調(diào)用HTML文件的實(shí)現(xiàn)步驟的文章就介紹到這了,更多相關(guān)vscode調(diào)用HTML文件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
UTC時(shí)間、GMT時(shí)間、本地時(shí)間、Unix時(shí)間戳的具體使用
本文主要介紹了UTC時(shí)間、GMT時(shí)間、本地時(shí)間、Unix時(shí)間戳的具體使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了Git 標(biāo)簽使用詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
一文詳解kafka開啟kerberos認(rèn)證的完整步驟
這篇文章主要為大家詳細(xì)介紹了kafka開啟kerberos認(rèn)證的完整步驟,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-03-03
MobaXterm連接服務(wù)器如何在關(guān)閉會(huì)話的情況下依然執(zhí)行程序(最新推薦)
這篇文章主要介紹了MobaXterm連接服務(wù)器如何在關(guān)閉會(huì)話的情況下依然執(zhí)行程序,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-06-06
瀏覽器HTML5頁(yè)面或短信鏈接如何調(diào)用喚起微信小程序（URL?Scheme）？
用于實(shí)現(xiàn)外部H5頁(yè)面中實(shí)現(xiàn)打開微信小程序的功能(微信內(nèi)打開請(qǐng)使用微信開放標(biāo)簽方式),用戶在網(wǎng)頁(yè)中一鍵喚起小程序,采用的技術(shù)是URL?Scheme,是微信小程序后臺(tái)生成一種地址,適用于從短信、郵件、微信外網(wǎng)頁(yè)等場(chǎng)景打開小程序任意頁(yè)面,即點(diǎn)擊微信外部鏈接,喚起微信2025-12-12
基于chatgpt的微信自動(dòng)回復(fù)功能實(shí)現(xiàn)
這篇文章主要介紹了基于chatgpt的微信自動(dòng)回復(fù)功能實(shí)現(xiàn),微信自動(dòng)回復(fù)基于聊天api的實(shí)現(xiàn)代碼，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-02-02
這篇文章主要介紹了gliffy UML工具安裝使用過(guò)程,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
這篇文章主要介紹了IDEA開啟Run Dashboard的配置詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
Git配置用戶簽名方式的拓展示例實(shí)現(xiàn)全面講解
這篇文章主要為大家介紹了Git配置用戶簽名方式的拓展示例實(shí)現(xiàn)全面講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-04-04
vscode輸入npm?install報(bào)錯(cuò):node-sass@8.0.0?install:'node?
這篇文章主要給大家介紹了關(guān)于vscode輸入npm?install報(bào)錯(cuò):node-sass@8.0.0?install:'node?scripts/install.js'的解決方法,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02