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

天上掉下来个程小白

已于 2024-08-02 17:31:43 修改

阅读量85

点赞数

分类专栏： Javaweb 文章标签： html 前端 html5

于 2024-08-02 10:25:30 首次发布

本文链接：https://blog.csdn.net/qq_45055856/article/details/140865746

版权

Javaweb 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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: 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 -->
<!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>

天上掉下来个程小白

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML-01.新浪新闻-标题-排版

-- 编码字符集为UTF-8 -->-- 设置浏览器的兼容性 -->焦点访谈：中国底气新思想夯实大国粮仓_新浪新闻-- 1.图片标签：src：指定图像的url（绝对路径/相对路径）width：图像的宽度 [像素（单位px）/相对于父元素（
复制链接

扫一扫

专栏目录