标签：style example 没有 需要 png alt 块元素 href 简单的
<div>
<span>
这两种标签都是布局用的
这种标签本身没有任何显示效果
通常是用来结合css进行页面布局
示例 1 :
这没有标签 <div> 这是一个div </div> <span>这是一个span</span>
示例 2 :
一个简单的div布局的例子
注： 这里使用了style外边距样式，margin-left:50px 指的是左边距50个像素
需要对两个图片进行左边距控制
如果不使用div,则需要对每一个图像设置边距
使用了div后，先把两个图像都放在一个div里
只需要设置div的边距，就可以达到两个图片都移动的效果
<img style="margin-left:50px" src="https://how2j.cn/example.gif"/> <br/> <img style="margin-left:50px" src="https://how2j.cn/example.gif"/> <div style="margin-left:100px" > <img src="https://how2j.cn/example.gif"/> <br/> <img src="https://how2j.cn/example.gif"/> </div>
示例 3 :
div是块元素，即自动换行
常见的块元素还有h1,table,p
span是内联元素，即不会换行
常见的内联元素还有img,a,b,strong
<div> 第一个div </div> <div> 第二个div </div> <span> 第一个span </span> <span> 第二个span </span>
标签：style example 没有 需要 png alt 块元素 href 简单的
原文地址：https://www.cnblogs.com/JasperZhao/p/12940791.html
