vscode调用HTML文件

vscode实现对HTML文件调用

做数据库课设的内容,尝试一些自己没有接触过的东西,了解如何创建一个网站以及数据库的一个应用

创建html文件

创建一个html的文件,加入后缀名

下载拓展内容

点击拓展

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

查找需要的拓展

输入open in browser,进行下载

导入html代码

因为我想要尝试生成一个带有登录和注册界面的网站,那么我就要导入相应的html代码

下面是一位博主的代码,参考连接放在最后

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>

设置默认打开浏览器

在运行代码的旁边点击右键,找到Open in Default Browser

这里这样就会在默认的浏览器当中打开了

运行结果

完成上述操作之后进行运行

参考文献

vscode怎么运行代码HTML 怎么在vscode编写HTML代码
HTML登录表单的制作

相关推荐
顾菁寒10 小时前
WEB第二次作业
前端·css·html
Qhumaing10 小时前
html第一个网页
网络·html·html5
哇咔咔哇咔12 小时前
使用Markdown编写适用于GitHub的README.md文件的目录结构
vscode·markdown
Rverdoser13 小时前
Android Studio 多工程公用module引用
android·ide·android studio
前端Hardy15 小时前
HTML&CSS:爱上班的猫咪
前端·javascript·css·vue.js·html
free_girl_fang16 小时前
高效作业之Mybatis缓存
java·ide·缓存·mybatis
星寂樱易李17 小时前
pycharm 使用
ide·python·pycharm
羊小猪~~17 小时前
神经网络基础--什么是神经网络?? 常用激活函数是什么???
人工智能·vscode·深度学习·神经网络·机器学习
Eiceblue18 小时前
Python 在PDF中绘制形状(线条、矩形、椭圆形等)
vscode·python·pycharm·pdf
心安成长18 小时前
IntelliJ IDEA快速接入LLMs大模型API
java·ide·intellij-idea