HTML&CSS基础学习笔记1.18-DIV标签1

最新推荐文章于 2024-05-05 06:53:40 发布

chenjin19961001

最新推荐文章于 2024-05-05 06:53:40 发布

阅读量65

点赞数

原文链接：https://my.oschina.net/mayacoder/blog/724661

版权

div标签

这里我们要认识一下HTML里使用非常多的的一个标签:<div>。

<div>标签定义文档中的分区或节（division/section），他可以把文档分割为独立的、不同的部分。它也可以用来布局，划分网页的区域。在标签的嵌套使用上会经常使用<div>标签，让页面结构更加清晰。

具体使用是这样的：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h1>添加一个&lt;div&gt;标签</h1>
<div>第一个DIV</div>
<div>第二个DIV</div>
<div>第三个DIV</div>
</body>
</html>

页面的效果也比较明了简单：

一块块的列表

网页上经常会呈现许许多多的东西，这时候我们就要给不相关的两个东西分别套上div标签，表示这是两个独立的部分。

<div>标签经常用来包在其他标签的外面，这样可以让布局更加清晰。如果你是一个爱整理的人，你会很喜欢使用<div>标签。

试着给列表标签嵌套上div标签，会是怎样的呈现呢？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h1>给标签嵌套上&lt;div&gt;标签</h1>
<div>
    <ul>
        <li>第一个列表项</li>
        <li>第二个列表项</li>
    </ul>
</div>
<div>
    <ol>
        <li>第一个列表项</li>
        <li>第二个列表项</li>
    </ol>
</div>
</body>
</html>

更多学习体验，就在码芽网http://www.mayacoder.com/lesson/index

转载于:https://my.oschina.net/mayacoder/blog/724661

chenjin19961001

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML&CSS基础学习笔记1.18-DIV标签1

div标签这里我们要认识一下HTML里使用非常多的的一个标签:<div>。 <div>标签定义文档中的分区或节（division/section），他可以把文档分割为独立的、不同的部分。它也可以用来布局，划分网页的区域。在标签的嵌套使用上会经常使用<div&...
复制链接

扫一扫