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

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

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

創(chuàng)建html文件

創(chuàng)建一個html的文件,加入后綴名

在這里插入圖片描述

下載拓展內(nèi)容

點擊拓展

可以使用快捷鍵ctrl+shfit+x

在這里插入圖片描述

查找需要的拓展

輸入open in browser,進行下載

在這里插入圖片描述

導(dǎo)入html代碼

因為我想要嘗試生成一個帶有登錄和注冊界面的網(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>