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

阅读更多

div标签

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

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

具体使用是这样的:


<htmllang="en">
<head>
    <metacharset="UTF-8">
    <title>title>
head>
<body>
<h1>添加一个<div>标签h1>
<div>第一个DIVdiv>
<div>第二个DIVdiv>
<div>第三个DIVdiv>
body>
html>

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

HTML&CSS基础学习笔记1.19-DIV标签1_第1张图片
 

一块块的列表

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

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

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


<htmllang="en">
<head>
    <metacharset="UTF-8">
    <title>title>
head>
<body>
<h1>给标签嵌套上<div>标签h1>
<div>
    <ul>
        <li>第一个列表项li>
        <li>第二个列表项li>
    ul>
div>
<div>
    <ol>
        <li>第一个列表项li>
        <li>第二个列表项li>
    ol>
div>
body>
html>


HTML&CSS基础学习笔记1.19-DIV标签1_第2张图片
 更多学习体验,就在码芽网http://www.mayacoder.com/lesson/index

 

  • HTML&CSS基础学习笔记1.19-DIV标签1_第3张图片
  • 大小: 7.3 KB
  • HTML&CSS基础学习笔记1.19-DIV标签1_第4张图片
  • 大小: 10.7 KB
  • 查看图片附件

你可能感兴趣的:(div)