服务时间:8:30-18:00

首页 >web前端网

html表格基本结构

发布时间:2022-12-11 20:02 字数:542字 阅读:171

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 补充内容