html页面布局分块代码例子,HTML <div>块标签

HTML

块标签

div以内容用块来区分(可理解为一个容器)，所谓区块是指一行以及以上的数据，div 用于搭建网站结构(框架)，排版布局。可以装图片，文字，动画等。

案例

第一章

第一段文字。

第二段文字。

第三段文字。

我是父div，我的里面有两个子div

我是第一个子div

我是第二个字div

div和table布局区别

div和table都可以用来做页面布局，以下看看它们的区别加载方式：div即读即加载，table完成后加载

精简代码:div的布局精简代码，table较为繁琐

灵活性：div浮动层叠灵活，TABLE进行布局的网站是不能通过W3C验证的

搜索引擎友好：使用div布局比table布局对搜素引擎更加友好。

span与div

在CSS定义中属于一个行内元素，而

是块级元素，span随内容而占用高宽空间(紧贴内容)，而一对div标签却占用一行。我们可能通俗地理解为

为大容器，大容器当然可以放一个小容器了, 就是小容器。块

支持浏览器

div标签属性值描述

left

right

center

justifyHTML5 不支持。HTML 4.01 已废弃。

规定

元素中的内容的对齐方式。

全局属性

标签支持HTML 全局属性

事件属性

标签支持HTML 事件属性