html---8.层标记div,span

最新推荐文章于 2025-04-29 10:16:29 发布

漂酿男骸

最新推荐文章于 2025-04-29 10:16:29 发布

阅读量468

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML基础知识文章标签： html web

本文链接：https://blog.youkuaiyun.com/SLSLSLSLSLSLS/article/details/117601213

HTML基础知识专栏收录该内容

9 篇文章

订阅专栏

本文介绍了HTML的div、span标签及其应用，包括div的布局属性、样式控制，span的辅助作用，以及iframe用于嵌套页面的特性。同时，还讲解了layer和ilayer在网页结构中的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

8.1层

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
8.1.1层的分类<br>
四种不同的标签:div,span,layer,ilayer<br>
8.1.2定义数据块<br>
<div name="layer1">
    <hr>
    DIV 1
    <hr>
</div>

<div name="layer2">
    <h3>
        <p>
            i am inside the second DIV block
        </p>
    </h3>
</div>


</body>
</html>

8.2div标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        #01{
            font-size: 20px;

            background-color: aqua;
        }
    </style>
</head>
<body>
8.2.1div标签的简介<br>
<div>
    此文本代表一段
</div>
<div align="center">
    此文本代表另外一段,其中文本居中显示
</div>

8.2.2div标签的属性<br>
1.align属性改变水平对齐方式
2.id属性设置标签的标记:唯一的
3.class属性 设置标签的类:可以重复
4.style属性 对象的内嵌样式 (1)position属性 (2)display属性
visibility用来设置显示还是隐藏:hidden表示隐藏,visible表示显示
<div align="left">左侧对齐</div>
<div id="01" align="center">左侧对齐</div>
<div class="cl01" align="center">左侧对齐</div>
<div style="font-size: 20px;width: 100%;height: 300px">styles属性</div>

8.2.3span标签与div标签
1.相同之处:非常相似,HTML中组合用的标签
2.区别div用来做布局,span做文字效果


</body>
</html>

8.3iframe

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
8.3iframe标签
8.3.1iframe标签的简介:构成一种特殊的框架结构,被称为浮动框架
8.3.2iframe标签的属性
<iframe src="8.2div标签.html" width="500" name="框架" scrolling="yes"></iframe>
</body>
</html>

8.4layer,ilayer

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
8.4.1标签层的使用<br>
<layer id="a1" top 10>第一行</layer>
<ilayer id="a2" top 10>第二行</ilayer>
</body>
</html>