前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

html开发笔记18-实战-绘制第一个html表格

一、如何从网页中绘制出下面这个表格

二、解题思路

1、表格分析:**表格由 5 行 ,6 列 构成,且第一行第一列为 空。

2、绘制思路:

(1)先画出第一行第一列,且空着它。

(2)再加一列,写上周一。

(3)再复制几个 td 标签,将周二至周五也绘制出来,此时 “列” 就绘制完了。

(4)绘制行:在下面再复制一行 tr 和 td ,并且添加上文字,此时第 2 行的 第1列也就出来了。此时第一行的第一列的单元格就自动展开了,不用特殊调试。

(5)如法炮制,再复制两行 tr 和 td ,将第二节和第三节也添加上。

(6)在第 2 行中复制一对 td 标签添加 html ,这样,再复制 td 添加 css ,以此表格就绘制出来了。

成品图标注:↓

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言