侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

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

2024-05-07 星期二 / 0 评论 / 0 点赞 / 59 阅读 / 2207 字

div标签 这里我们要认识一下HTML里使用非常多的的一个标签:<div>。 <div>标签定义文档中的分区或节(division/section),他可以把文档分割为独立的、不同的部分。它也可以用来

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

广告 广告

评论区