vscode调用HTML文件的实现步骤
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
做数据库课设的内容,尝试一些自己没有接触过的东西,了解如何创建一个网站以及数据库的一个应用
创建html文件
创建一个html的文件,加入后缀名
下载拓展内容
点击拓展
可以使用快捷键ctrl+shfit+x
查找需要的拓展
输入open in browser
,进行下载
导入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代码
到此这篇关于vscode调用HTML文件的实现步骤的文章就介绍到这了,更多相关vscode调用HTML文件内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家!
相关文章
踩坑记录关于"authentication failed "的解决方法
今天给大家分享我的踩坑记录关于报错 authentication failed,这个报错的原因是“身份验证失败”,本文给大家分享我的解决方法,感兴趣的朋友跟随小编一起看看吧2023-01-01Windows10使用Anaconda安装Tensorflow-gpu的教程详解
Anaconda是一个方便的python包管理和环境管理软件,一般用来配置不同的项目环境。这篇文章主要介绍了Windows10使用Anaconda安装Tensorflow-gpu的教程,本文通过图文并茂的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2020-02-02VSCode远程连接服务器报错:Could not establish connection to
本文主要介绍了VSCode远程连接服务器报错的解决,文中通过图文代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2021-08-08Loongnix安装PyCharm Community 2020.2.3的教程详解
这篇文章主要介绍了Loongnix安装PyCharm Community 2020.2.3的教程详解,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-11-11
最新评论