search
首页课程HTML Fun ClassBlog Project "My Timetable"

Blog Project "My Timetable"

目录列表

“我的时间表”模块

接下来,使用表格标签将表格添加到你的博客中, 代表你的每日学习时间表。

<th> 标签表示表格的表头。

实例

<h1><span>我的时间表</span></h1>
<table>
<tr>
 <th>Day</th>
 <th>Mon</th>
 <th>Tue</th>
 <th>Wed</th>
 <th>Thu</th>
 <th>Fri</th>
</tr>
<tr>
 <td>8:00-8:30</td>
 <td class="selected">Learn</td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr>
 <td>9:00-10:00</td>
 <td></td>
 <td class="selected">Practice</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr>
 <td>13:00-13:30</td>
 <td></td>
 <td></td>
 <td class="selected">Play</td>
 <td></td>
 <td></td>
</tr>
<tr>
 <td>15:45-17:00</td>
 <td></td>
 <td></td>
 <td></td>
 <td class="selected">Code</td>
 <td></td>
</tr>
<tr>
 <td>18:00-18:15</td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td class="selected">Discuss</td>
</tr>
</table>

空的 <td> 标签表示空单元格。它们是必要的,因为它们维持了表格的结构。

任务:自定义表创建你自己的 “时间表” !


在空格处填写创建有效的表格:

<table> < > <td>A</td> <td>B</ > </tr> </ >

1/2