前言：
眼前小伙伴们对“div嵌套网页”可能比较关心，兄弟们都需要学习一些“div嵌套网页”的相关文章。那么小编也在网摘上汇集了一些有关“div嵌套网页””的相关内容，希望朋友们能喜欢，大家快快来学习一下吧！昨天我们学习了html框架代码，简单地写了我们的第一个网页，今天我们来更加丰富它。
我们今天继续讲几个标签然后学习一下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="; alt="他应该是个美女图片" title="大美女">
</div>
<p>
作者天天写文章太难了<br>我要给点点关注
</p>
</body>
</html>
效果就不给大家展示了，大家可以动手操作一下[呲牙]
