HTML-01.新浪新闻-标题-排版

1.图片标签:<img>

src:指定图像的url(绝对路径/相对路径)

width:图像的宽度 像素(单位px)/相对于父元素(\\模块大小)的百分比 指定一个另一个等比例缩放

height:图像的高度(像素/相对于父元素的百分比)

2.图片路径的两种方式:

1.绝对路径

1.1 绝对磁盘路径 D:\Javaweb\day01-HTML-CSS\资料\3. 图片、音频、视频\img\news_logo.png

1.2 绝对网络路径:https: https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png

2.相对路径

2.1 ./ 代表当前目录(可以省略)

2.2 ../ 代表父目录(上一级目录,不可以省略)

3.标题标签

标签:<h1>...</h1>(h1->h6重要程度依次降低)

注意:HTML标签都是预定义好的,不能自己随意定义

4.水平线标签 <hr>

html 复制代码
<!-- 文档类型为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>焦点访谈:中国底气 新思想夯实大国粮仓_新浪新闻</title>
</head>
<body>
    <!--     1.图片标签:<img> 
    src:指定图像的url(绝对路径/相对路径)
    width:图像的宽度  [像素(单位px)/相对于父元素(<body></body>模块大小)的百分比] 指定一个另一个等比例缩放
    height:图像的高度(像素/相对于父元素的百分比) 
    -->
    <!--    2.图片路径的两种方式:
        1.绝对路径
            1.1 绝对磁盘路径  D:\黑马Javaweb课程资料\day01-HTML-CSS\资料\3. 图片、音频、视频\img\news_logo.png
            1.2 绝对网络路径  https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png
        2.相对路径
            2.1 ./  代表当前目录(可以省略)
            2.2 ../  代表父目录(上一级目录,不可以省略)
    -->
    <!--     3.标题标签
        标签:<h1>...</h1>(h1->h6重要程度依次降低)
        注意:HTML标签都是预定义好的,不能自己随意定义
    -->
    <!--     4.水平线标签  <hr> -->
    <img src="./img/news_logo.png"> 新浪政务>正文
    <h1>
        焦点访谈:中国底气 新思想夯实大国粮仓
    </h1>
    <hr>
    2023年03月02日 21:50 央视网
    <hr>
</body>
</html>
相关推荐
赖龙19 分钟前
pnpm vs npm
前端·npm·node.js
学如逆水,不进则退1 小时前
在线免费音频剪辑:NBTools 可视化波形裁剪 MP3/WAV,本地处理免上传
前端·音视频
Mh2 小时前
虚拟滚动真的比普通滚动性能更好吗?
前端·javascript·性能优化
pe7er2 小时前
React + Ant Design 中的 IME (输入法合成)安全输入组件
前端
Super 含2 小时前
Android 启动优化(二):TTID、TTFD 与 Macrobenchmark 启动性能测量
前端
Python私教2 小时前
别急着加 llms.txt:企业官网面向 AI 搜索的工程清单
前端·人工智能·seo
东方小月3 小时前
从零开发一个 Coding Agent(十三):实现安全的 read 文件读取工具
前端·人工智能·全栈
东方小月3 小时前
从零开发一个 Coding Agent(十二):实现版本化 JSONL 与真实 CLI 入口
前端·设计模式·前端框架
FL16238631294 小时前
室内易燃物识别易燃评估室内易燃程度识别分割数据集labelme格式1015张85类别
java·服务器·前端
用户059540174464 小时前
把 AI 长期记忆去重测试从 20 分钟压到 40 秒,重复率从 18% 干到 1.5%
前端·css