在vscode中打开浏览器

在html页面右键，选择 open in default browser 即可打开默认浏览器

 

 

布局——

复制代码
<!-- 文档类型为html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 字符集为utf-8 -->
    <meta charset="UTF-8">
    <!-- 设置浏览器兼容性 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>93位粤港澳大湾区青年乐手奏响“火舞龙情”</title>
</head>
<body>
    
    <!-- 
    img标签：
    src:图片资源路径
    width:图片宽度 (px ，像素；% ，相对父元素的百分比)
    heigth:图片高度 (px ，像素；% ，相对父元素的百分比)
    //若只定义一个值，则表示宽高比为1:1
    
    路径书写方式：
    绝对路径：
        绝对磁盘路径
        绝对网络路径（使用时需要联网//右键，点击在新标签中打开文件；但不太好用）
    相对路径：
    ./ 当前目录(可省略)
    ../ 上一级目录
    -->
    <img src="http://n.sinaimg.cn/finance/page/ent/images/sina_logo.png"> 时事看点 > 正文

    <h1>93位粤港澳大湾区青年乐手奏响“火舞龙情”</h1>

    <hr>
    2024年07月12日 12:52 新浪网 作者 新快报
    <hr>
</body>
</html>
复制代码

 

效果——

 

posted @   椰子灰  阅读(315)  评论(0)  编辑  收藏  举报
相关博文：
· vscode快速生成html内部格式
· 更改vscode语言为简体中文
· VScode使用插件open-in-browser在默认浏览器中打开html文件
· vscode如何运行html文件
· 【vscode】vscode通过端口访问本地html页面（Live Server）
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示