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
<!-- 文档类型为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>