html表格案例
【篇一：html表格案例】
在一些浏览器中，没有内容的表格单元显示得不太好。如果某个单元格是空的（没有内容），浏览器可能无法显示出这个单元格的边框。
table border=1  td row 1, cell 1 /td  td row 1, cell 2 /td  /tr  td /td  td row 2, cell 2 /td  /tr  /table 浏览器可能会这样显示：
注意：这个空的单元格的边框没有被显示出来。为了避免这种情况，在空单元格中添加一个空格占位符，就可以将边框显示出来。
table border=1  td row 1, cell 1 /td  td row 1, cell 2 /td  /tr  td nbsp; /td  td row 2, cell 2 /td  /tr  /table 在浏览器中显示如下：
【篇二：html表格案例】
在网页制作中，早期的网页比较喜欢用表 来进行页面布局，使得页面看上去也更整洁。在
本文中，我们介绍的是一个用表 来布局的一个菜谱页面，效果如下：
可以看到，大体上，这是一个由五行三列的表 所构成的菜谱。所以，在初始设定时，我们可以把表 设成五行三列，然后再进行一些行和列的合并，就可以得到我们想要的效果。在本例中，我们将第一行的所有列合并，并将第一列的第二第三行合并，第一列的第四第五行合并。
代码如下：
d 鱼香肉丝 /td td 油焖大虾 /td /tr  tr align=center td 海参鲍鱼 /td td 东坡肉 img width=70 src= dpr.jpg / /td /tr  /table  /body  /html 表 的 式：
table 属性=“属性 ” 属性=“属性 ” ...align=center 表示居中
tr /tr 表示行
td /td 表示列
colspan= n 表示将n列合并
rowspan= n 表示将n行合并
【篇三：html表格案例】
效果图：
实现代码：
!doctype html
html
head
meta http-equiv=content-type content=text/html; charset=utf-8 /
title 课程表 /title
/head
body
p align=center 成绩表 /p
table border=2px align=center bordercolor=blue width=600px height=300px
tr align=center
td 项目 /td
td colspan=5 上课 /td
td colspan=2 休息 /td
/tr
tr align=center
td 星期 /td
td 星期一 /td
td 星期二 /td
td 星期三 /td
td 星期四 /td
td 星期五 /td
html网页设计 table td 星期六 /td
td 星期日 /td
/tr
tr align=center
td rowspan=4 上午 /td
td 语文 /td
td 数学 /td
td 英语 /td
td 英语 /td
td 物理 /td
td 计算机 /td
td rowspan=4 休息 /td
/tr
tr align=center
td 数学 /td
td 数学 /td
td 地理 /td
td 历史 /td
td 化学 /td
td 计算机 /td
/tr
tr align=center
td 化学 /td
td 语文 /td
td 体育 /td
td 计算机 /td
td 英语 /td
td 计算机 /td
/tr
tr align=center
td 政治 /td
td 英语 /td
td 体育 /td
td 历史 /td
td 地理 /td
td 计算机 /td
/tr
tr align=center
td rowspan=2 下午 /td
td 语文 /td
td 数学 /td
td 英语 /td
td 物理 /td
td 计算机 /td
td 英语 /td
td rowspan=2 休息 /td
/tr
tr align=center
td 数学 /td
td 数学 /td
td 地理 /td
td 历史 /td
td 化学 /td
td 计算机 /td
/tr
/table
/body
/html

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。