运用表格相关知识,创建自己的课表,表格设计边框、背景等样式,表格中使用标题标签<caption>和表头标签<th>,标题为:自己的名字+某学期+课表,如“张三2018-2019-1学期课表”。
时间: 2024-12-22 21:29:47 浏览: 6
创建个人课表可以利用HTML和CSS来实现,首先你需要了解基本的HTML表格结构。在HTML中,你可以使用`<table>`标签来定义表格,然后添加`<caption>`标签作为标题,如:
```html
<table border="1">
<caption>自己的名字+某学期+课表</caption>
<thead>
<tr>
<th>日期</th>
<th>课程名称</th>
<th>教师</th>
</tr>
</thead>
<!-- 表格主体部分 -->
<tbody>
<!-- 每行数据应放在<tr>标签内,每个单元格<td></td> -->
</tbody>
</table>
```
为了美化表格,你可以使用CSS来设置边框、背景颜色以及字体样式。例如:
```css
table {
border-collapse: collapse; /* 合并边框 */
width: 100%; /* 宽度自适应 */
margin: 20px auto;
background-color: #f7f7f7; /* 设置背景色 */
}
th, caption {
text-align: left; /* 文本左对齐 */
padding: 15px;
font-weight: bold;
color: #333;
background-color: #eaeaea;
}
th {
border-bottom: 1px solid #ddd;
}
td {
border: 1px solid #ddd;
padding: 8px;
}
```
在这个例子中,`<caption>`用于定义表格的标题,`<th>`用于定义表头单元格,而`<td>`用于定义数据单元格。通过调整CSS,你可以根据自己的喜好定制表格的样式。
阅读全文