vscode調(diào)用HTML文件的實(shí)現(xiàn)步驟

更新時(shí)間：2023年12月28日 16:10:26 作者：無你想你

利用Vscode軟件編寫html的時(shí)候,一般都想右鍵選擇html文件,本文主要介紹了vscode調(diào)用HTML文件的實(shí)現(xiàn)步驟,具有一定的參考價(jià)值,感興趣的可以了解一下

創(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代碼

HTML登錄表單的制作

到此這篇關(guān)于vscode調(diào)用HTML文件的實(shí)現(xiàn)步驟的文章就介紹到這了,更多相關(guān)vscode調(diào)用HTML文件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: