AI生成式探究学习教学辅助设计单-4.1 课程信息表制作.docx

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