• 目录

div标签

阅读量: 192 编辑

div标签

  • 使用频率非常高的标签，表示 “一块分区”

  • div是换行的标签

  • div中可以写内容，也可以写其他标签或div标签

一、代码实战

代码的详细解读，可以参考视频教程。

新建 html 文件 06-div.html，编写下方程序，运行看看效果吧

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Div标签</title>
    </head>
    
    <body>
        <div style="width: 100px;height: 100px; background-color: red;">
        分区1
        </div>

        <div>   
            <div>分区2
                <div>分区22</div>
            </div>
            <span>span标签</span>
        </div>
        
    </body>
</html>
  • 目录