html块 div span
2021-02-18 16:19
标签:style example 没有 需要 png alt 块元素 href 简单的 示例 1 : 示例 2 : 一个简单的div布局的例子 示例 3 : div是块元素,即自动换行 html块 div span 标签:style example 没有 需要 png alt 块元素 href 简单的 原文地址:https://www.cnblogs.com/JasperZhao/p/12940791.html
这两种标签都是布局用的
这种标签本身没有任何显示效果
通常是用来结合css进行页面布局
看不出任何效果
这没有标签
div> 这是一个div div>
span>这是一个spanspan>
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>
div和span的区别
常见的块元素还有h1,table,p
span是内联元素,即不会换行
常见的内联元素还有img,a,b,strongdiv>
第一个div
div>
div>
第二个div
div>
span>
第一个span
span>
span>
第二个span
span>
下一篇:Netty的知识点集锦