使用HTML的DIV元素进行网页布局

 时间:2024-10-12 09:34:16

1、div元素在网页中是最常用的元素,可以把div元素看成一个矩形区域的容器,在这个容器内可以存放其它HTML元素,也包括div元素,因此div元素是可以嵌套的。借助于CSS样式,能余践甍尝够把div元素放置在网页的任何位置,实现网页的精致排版。为了更好理解div的功能和使用方法,文中使用了一些CSS样式,对这些样式的作用本文不作详解,在后面CSS的课程中,会详细解释CSS样式的作用。没有样式的div就是一个简单的具备容器功能的块元素,起到分段的作用。例如下面的网页文档展示了div分段的作用。

使用HTML的DIV元素进行网页布局

3、在上面的的HTML文档中,《落花生》这篇文章的内容占据了整个网页的宽度。现在需要把网页的宽度分为左右两部分,网页的左边部分放置《落花生》文章内容,网页的右边部分放置《济南的冬天》文章内容。这样的网页布局也称为左右布局或两栏布局,只要给div元素加上浮动样式,就可以轻松实现网页的两栏布局。例如下面的网页文档实现了网页的两栏布局。

使用HTML的DIV元素进行网页布局

5、网页文档一般都有导航条,大多数导航条被布局在网页的顶部。应用div元素可以为上面的网页文档添加导航条。在body元素起始标签下面添加下面的网页代码。

使用HTML的DIV元素进行网页布局
  • div+css网页布局有哪些缺陷的缺陷
  • Dreamweaver如何插入Spry重复列表
  • 如何用Adobe Photoshop CS6改变图片大小
  • 网站设计:[5]链接属性的设置
  • dw如何修改默认字体
  • 热门搜索
    坝上草原旅游攻略 宁波东钱湖旅游学校 四川省旅游局 成都旅游团 香港澳门旅游 南京旅游局 桂林旅游必去景点 安徽旅游网 中国水上旅游网 冬天去哪里旅游