重庆工贸职业技术学院
摘要:随着互联网和信息技术的发展,网页制作技术也在不断进步,为了吸引浏览者的注意,网页制作者应根据不同的网站采用不同的布局方式,本文通过同一个网页采用两种布局方式的代码编写,说明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;}
风住尘香花已尽,日晚倦梳头。物是人非事事休,欲语泪先流。
闻说双溪春尚好,也拟泛轻舟。只恐双溪舴艋舟,载不动许多愁。