在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 @ 2024-07-12 13:42  椰子灰  阅读(415)  评论(0)    收藏  举报