案例——新浪新闻
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>焦点访谈:中国底气 新思想夯实大国粮仓</title>
</head>
<body>
<img src="https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png" width="200px">新浪政务>正文
<h1>焦点访谈:中国底气 新思想夯实大国粮仓</h1>
<hr>
2024年3月24日 20:19 央视网
<hr>
</body>
</html>
运行结果
知识点
1、插入图片
<img src="" width="" height="">
src:路径(相对路径和绝对路径)。
相对路径:
./ #当前目录(可省略)
../ #上一个目录
绝对路径:本地磁盘路径和绝对网络路径。
width:宽度,单位:px(像素点)和%(占当前比)。
height:高度,单位:px(像素点)和%(占当前比)。
一般width和height只写一个,另一个会等比例放大缩小。
2、标题
<h1></h1> #最大
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6> #最小
3、水平线
hr
4、VScode快速显示模板
html:5