浅谈 DIV+CSS与表格布局的对比

(整期优先)网络出版时间:2019-12-04
/ 1

浅谈 p+CSS与表格布局的对比

田应淑

重庆工贸职业技术学院

摘要:随着互联网和信息技术的发展,网页制作技术也在不断进步,为了吸引浏览者的注意,网页制作者应根据不同的网站采用不同的布局方式,本文通过同一个网页采用两种布局方式的代码编写,说明p+CSS与表格布局各自的优势。

关键字:Html 代码 p CSS 表格布局 DINV+CSS布局 优势

对于一个网页设计者来说,必须掌握HTML语言,因为它是所有网页制作的基础,但是如果希望网页美观、大方,并且升级方便,维护轻松,那么仅仅掌握HTML是不够的, CSS在这中间扮演着重要的角色。Table和p是HTML中重要的标签元素,通过table和p可以定位网页元素,特别是p作为布局的容器,可以包含本身及其HTML网页中的所有元素。

在网页设计中,为了使网页页面看起来和谐、美观,必须采用合适的页面布局方式。在Dreamweaver中可以采用表格和 p+CSS的方式进行网页布局,那么两种布局方式各有什么优势呢?

采用表格布局和p+CSS布局制作同一个网页的代码

表格布局代码

无标题文档

.text { font-size: 14px;

font-family: "方正楷体";

color: #606;}

武陵春

风住尘香花已尽,日晚倦梳头。物是人非事事休,欲语泪先流。

闻说双溪春尚好,也拟泛轻舟。只恐双溪舴艋舟,载不动许多愁。

tp.jpg