课程免费试听
网络营销培训专家:新川教育
   著名网络营销培训、淘宝电商培训机构.
本月巨惠:学营销、送淘宝!
网络营销,淘宝培训课程优惠
网页中如何使用div

来源:新川教育 阅读数:1473
添加时间:2017-4-5   类别:网页设计教程

网页中如何使用div

现在的网页大多数都是由div+css样式排版出来的,网页中如何使用div进行网页排版。什么是div?div可以理解为“图层”或是一个“块”。div是一种比较简单的元素,语法上只有

开始和
结束。div与其他HTML标签一样,是一个HTML所支持的标签。

div是什么

div是HTML中指定专门用于布局设计的对象。在传统的表格式的布局当中之所以能进行页面的排版布局设计,完全依赖于表格对象table。在页面当中绘制一个由多个单元格组成的表格,在相应的表格中放置内容,通过表格单元格的位置控制,达到实现布局的目的这就是表格式布局的核心对象。但由于复杂的表格使得设计极为困难,修改更加的繁琐,最后网页代码除了表格本身的代码,还有许多没有意义的图像占位符及其他元素,文件量大,最终导致加载的速度慢,所以后面有了div+css样式的取代。

插入div的方法

如果需要在网页中插入div,可以像其他元素一样,只需在代码的应用

的形式当中插入内容。
标签只是一个标识,div是css布局工作的第一步,需要通过div将页面的元素标识出来,而内容的样式就需要css来完成的。在div+css布局方面,为了实现内容与表现分离,不应将align属性和style属性编写在同一个
标签中。

“插入div标签”对话框的理解

div对象除了可以直接放入文本和其他标签,也可以多个div嵌套使用。单击“插入”面板上的“插入div标签”弹出对话框。该对话框的下拉窗口包含“在插入点”“在标签之前”“在开始标签之后”“在结束标签之前”“在标签之后”。

  1. “在插入点”选项则在当前光标所在位置插入相应的div。
  2. “在标签之前”选项,可以在所选择的标签之前插入相应的div。
  3. “在开始标签之后”可以在选择的标签的结束标签之前插入相应的div。
  4. “在结束标签之前”可以在所选择的标签的结束标签之前插入相应的div。
  5. “在标签之后”可以在所选择的标签之后插入相应的div。

今天就简单的分享了网页中如何使用div就到这里,如果想了解更多相关的内容,可以来我校的官网:新川教育。

      友情链接

  1. 办公文秘
  2. 美术培训
  3. 营销就业班
  4. 资料下载
  5. 学员作品
  6. 学校图片
  7. 联系方式
  8. site map

地址: 广州市番禺区市桥街桥东路63号银座中心7楼全层(番禺中医院旁边,百德中心斜对面)   
电话: 020-84829690   咨询QQ:522961923  点击这里给我发消息 
咨询微信:18926224142   微信公众号:新川教育
Copyright 2005-2020广州新川教育 All rights reserved.粤ICP备11014454号-6