我们本日连续讲几个标签然落后修一下style属性。
<del></del>：是在文本上画一条线，就像我们打折匆匆销划掉原价的那种效果。
<div></div>:可以理解为一个空盒子，里面可以装任何东西，嵌套任何代码，可以将代码进行分模块化
<span></span>:和div差不多，差异是span是一个行盒，只能装一行的东西，无法装块级元素如div，之后讲盒子模型的时候会细讲 行盒 和 块盒 。
<p></p>段落标签，使内容分段表示。
<br>换行标签，使输出的文本换行展示(此标签写一个就行，没有结束标签)
<img>图片标签，在网页中插入图片，用法：<img src="图片的地址"（可加入网络的）>
地址分为绝对路径和相对路径：①当图片地址和网页地址在同一个文件夹下成为相对路径，可以直接写图片的名称（带拓展名）。（.html的文件为网页位置）
②绝对路径：当图片地址和网页地址不同时，称为绝对路径，须要路径和名称全写。
style属性和标签：style中的代码又称CSS代码，紧张对网页起装饰浸染。CSS代码可以写在行间，也可以通过<style></style>写在head标签中，也可以通过<link>标签进行外链。
下面我们来看一下代码
原码在这：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我是网页名</title>
<style>
#abc{
color: red;
}
img{
width: 200px;
height: 250px;
}
</style>
</head>
<body>
<!-- <h1>作者最帅</h1>
<h2>作者最帅</h2>
<h6>作者最帅</h6>
<strong>作者最帅</strong>
<em>作者最帅</em>
<strong>
<em>
作者最帅
</em>
</strong> -->
<span style="font-size: 100px;">今日大减价<del style="color: #999;font-size: 20px;">原价1999</del>现价只要<span id="abc">999</span></span>
<div>
<span style="color:darkred;">我span是行级元素，能在div里，而div不能在我里面</span>
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2Feb%2Ffc%2Fbd%2Febfcbd01bb82dcdbf3be23228bfd7f04.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1635824895&t=a25ff3527be2d4495f310ff737b88cf2" alt="他该当是个美女图片" title="大美女">
</div>
<p>
作者每天写文章太难了<br>我要给点点关注
</p>
</body>
</html>
效果就不给大家展示了，大家可以动手操作一下[呲牙]
