HTML---div与span

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML中的div和span</title>
    </head>
    <body>
        <!--
           1.div和span是什么?有什么用?
              *div和span都可以称为“图层”
              *图层的作用是为了保证页面可以灵活的布局
              *图层是一个一个的盒子,div嵌套div就是盒子套盒子
              *div和span是可以定位的,只要定下div的左上角的x轴和y轴坐标即可
           2.其实最早的网页开发采用的是table进行布局,但是table不灵活,太死板
           现代的网页开发中div布局使用最多,几乎很少使用table进行布局了
           3.div和span的区别?
               div独自占用一行
               span不会独占用一行
        -->    
        <div id="div1">我是一个DiV</div>
        <div id="div2">我是一个Div</div>
        <span id="span1">我是一个span标签</span>
        <span id="span2">我是一个span标签</span>
    </body>
</html>

 

posted @ 2025-01-26 10:16  白头吟  阅读(12)  评论(0)    收藏  举报