html中table的画法及table和div的区别

前端之家收集整理的这篇文章主要介绍了html中table的画法及table和div的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

    最近项目中,根据客户的要求需要在页面上展示各种报表什么的,各种表格的都会出现。这里也将table的画法,做一下总结。办法虽笨但很实用。这也是从高人那里学来的,总之是屡试不爽啊。就以下面的表格为例。

   

     若想画上面的表格,首先得确定是几行几列的。怎么确定?

      总之,不管三七二十一,出现横线的地方画一红横线,出现竖线的地方画一竖线分割,如上图所示,已基本确定是一个5行11列的表格。表格基本框架已确定, 接下来就是用table标签来实现上面的表格了。简单介绍一下table中常用的属性

用法

标签定义 HTML 表格。

包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

标签定义 HTML 表格中的行。(right、left、center、justify、chartop、middle、bottom、baseline内容的垂直对齐方式。

属性。

标签其他属性可参考:

工程任务单 定额 工程项目 工作内容 计量单位 计划任务 实际完成 质量签订 调整单价 应付工资 页数 序号 工程数量 计价单价 验收数量 1 1 2 2 合计

结果:

已接近上面的表格了,最后就是用css和table的一些属性来美化它了。

      也许这在很多人眼里看来很弱智,但我是乐在其中。总之,只要能敲代码,管它前端还是后台,管它简单还是困难,都灰常喜欢.....

一直关注博客园,看到很多人说程序员很苦逼,但我不这么认为。送大家一句我的心里话:能来北京太好了,能做开发的工作真是太好了.......

 

标签时,只有到读取到结束标签时才会显示网页内容,而当中有大量嵌套,再加上网速有点卡时,网页完整打开展现在访客面前就要好几秒钟,对访客的体验即为不利,有些访客可能会认为网站打不开,没等到完全加载中途就关闭了,除非网站服务器带宽比较大(即便如此你能保证访客的网速一定足够快吗?)。

架构的页面框架是用软件“拖”出来的,代码里会有大量的,没有人愿意修改这样的代码,即使是代码的作者,这种布局下,调整一个很简单的栏目都需要寻找很久才能定位到代码,而由于制作成本较低和难维护,许多企业网站建好后就成了“死站”,要做小的调整或修改时根本找不到人,即便是专业的建站公司也不愿接收这样的网站来维护。

上面是找到的三点优缺点,想了解更详细的信息,推荐一个博文: 该博文介绍的比较详细。

猜你在找的HTML相关文章