html表格基本结构,所有表格中,最外层的都是table元素,table元素包裹整个表格的主体。tr元素表示一行表格,td元素表示一个单元格。td元素必须包含在tr元素的内部。
【例】创建表格,浏览器显示效果如图1所示。代码如下。
<table> <tr> <td> 星期一 </td> <td> 星期二 </td> <td> 星期三 </td> <td> 星期四 </td> <td> 星期五 </td> </tr> </table>
图1 创建表格
了解表格的构成之后,把课程表的其他内容补充完整,得到一个内容相对完整的信息表,浏览器显示效果如图2所示。代码如下。
<table> <tr> <td> 星期一 </td> <td> 星期二 </td> <td> 星期三 </td> <td> 星期四 </td> <td> 星期五 </td> </tr> <tr> <td> 离散数学 </td> <td> 大学物理 </td> <td> 高数 </td> <td> 大学英语 </td> <td>WEB编程技术 </td> </tr> <tr> <td> 马克思主义哲学 </td> <td> 高数 </td> <td> 计算机基础 </td> <td> 高数 </td> <td> 物理实验 </td> </tr> <tr> <td> 线性代数 </td> <td> 大学物理 </td> <td> 电子电路</td> <td> 马克思主义哲学 </td> <td> 心理学 </td> </tr> </table>
图2 补充内容