创建层DIV

最新推荐文章于 2023-12-07 15:54:29 发布

最新推荐文章于 2023-12-07 15:54:29 发布 · 145 阅读

文章标签：

#DIV

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

本文介绍如何利用HTML中的<div>标签来定义网页上的数据区块，并通过实例演示了如何组织不同类型的网页元素如文本、标题及水平线等。

一介绍

使用<div>标签很简单，将它放在想定义为一个数据块的元素周围即可。

二应用

在下面的应用中有两个<div>块。在第一个块内，有两个水平标尺<hr>标签以及文本DIV 1。

在第二个块内，包含了一个三级标题<h3>标签以及一个段落<p>标签。

在每个<block>块之前和之后还包含了一些文本信息，可以识别块的起始和结束位置。

三代码

<html>
<head>
<title></title>
</head>
<body>
Before the first block
<div name="layer1">
 <hr>
 DIV 1
 <hr>
</div>
 After the first block.
 <br>
 Before the second block.
<div name="layer2">
 <h3>
 <p>
 I am inside the second DIV block.
 </p>
</div>
 After the second block.
</body>
</html>

四运行结果