首页 理论教育 网页设计:构建表格-网页设计与制作

网页设计:构建表格-网页设计与制作

时间:2026-01-26 理论教育 对我是小斗 版权反馈
【摘要】:表格的建立将用到3个最基本的HTML标记,它们分别是“”标记、“”标记和“
”标记。“”标记:它用于标识一个表格,告诉浏览器这里有表格。图3-9多单元格表格

表格的建立将用到3个最基本的HTML标记,它们分别是“<table>”标记、“<tr>”标记和“<td>”标记。建立一个最基本的表格,必须包含一组“<table></table>”标记、一组“<tr></tr>”标记以及一组“<td></td>”标记,这也是最简单的单元表格。

1.最简单的表格

千里之行始于足下,既然表是由许多连在一起的格子组成,那么我们先来做一个格子看看。

图示

在浏览器中代开这个网页,其效果如图3-8所示。

图示

图3-8 单元格

这就是一个最基本的表格,它只有1行1列,下面就详细讲解一下上面用到的3个标记。

“<table>”标记:它用于标识一个表格(就像“<body>”一样),告诉浏览器这里有表格。

“<tr>”标记:它用于标识表格的一行。“<table></table>”中有多少组“<tr></tr>”,这个表格就有多少行。它必须放在“<table>”标记中。(https://www.xing528.com)

“<td>”标记:它用于标识一行中有多少单元格。“<tr></tr>”中有多少组“<td></td>”,这个行就有多少个单元格。它必须放在“<tr>”标记中。

2.多单元表格

我们可以积跬步以至千里了,再来制作一个包括多个单元格的表格吧!

图示

在浏览器中打开这个网页,其效果如图3-9所示。

关于表格的这3个HTML标记的名字及其关系,可以这样记忆。table是表格,一个表格中有许多tr(Table Row),即(表格)行,一行中有许多td(Table Data),即(表)数据,也就是列。计算机词汇基本都是英文缩写,用英文帮助理解和记忆很容易。

图示

图3-9 多单元格表格

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈

  • chatAI在线使用