目录
- 创建html文件
- 下载拓展内容
- 点击拓展
- 查找需要的拓展
- 导入html代码
- 设置默认打开浏览器
- 运行结果
- 参考文献
做数据库课设的内容,尝试一些自己没有接触过的东西,了解如何创建一个网站以及数据库的一个应用
创建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代码
HTML登录表单的制作
到此这篇关于vscode调用HTML文件的实现步骤的文章就介绍到这了,更多相关vscode调用HTML文件内容请搜索悠久资源网以前的文章或继续浏览下面的相关文章希望大家以后多多支持悠久资源网!
您可能感兴趣的文章:
- 在vscode中快速新建html文件的2种方法总结