AI生成式探究学习教学辅助设计单
使用AI名称:DeepSeek班级:学生姓名:
子任务名称
提示词
AI的回应
对AI回应的评价
我的收获
第四模块网站表格和表单页面制作
4.1课程信息表制作
使用HTML5语言,编写一个课程信息的网页。要求使用表格制作,给出案例代码。
下面是一个使用HTML5编写的课程信息网页示例代码。该网页使用表格来展示课程信息,包括课程名称、授课教师、上课时间和地点等内容。
```html
!DOCTYPEhtml
htmllang=zh-CN
head
metacharset=UTF-8
metaname=viewportcontent=width=device-width,initial-scale=1.0
title课程信息/title
style
body{
font-family:Arial,sans-serif;
margin:20px;
}
table{
width:100%;
border-collapse:collapse;
margin-bottom:20px;
}
th,td{
border:1pxsolid#ddd;
padding:8px;
text-align:left;
}
th{
background-color:#f2f2f2;
}
tr:nth-child(even){
background-color:#f9f9f9;
}
tr:hover{
background-color:#f1f1f1;
}
caption{
font-size:1.5em;
margin-bottom:10px;
font-weight:bold;
}
/style
/head
body
h1课程信息/h1
table
caption2023年秋季学期课程表/caption
thead
tr
th课程名称/th
th授课教师/th
th上课时间/th
th上课地点/th
/tr
/thead
tbody
tr
tdWeb开发基础/td
td张老师/td
td周一10:00-12:00/td
td教学楼A201/td
/tr
tr
td数据结构与算法/td
td李老师/td
td周二14:00-16:00/td
td教学楼B301/td
/tr
tr
td数据库系统/td
td王老师/td
td周三09:00-11:00/td
td教学楼C101/td
/tr
tr
td计算机网络/td
td赵老师/td
td周四13:00-15:00/td
td教学楼D202/td
/tr
tr
td软件工程/td
td陈老师/td
td周五16:00-18:00/td
td教学楼E302/td
/tr
/tbody
/table
/body
/html
```
###代码说明:
1.**DOCTYPE声明**:`!DOCTYPE