AI生成式探究学习教学辅助设计单-4.1 课程信息表制作_第1页
AI生成式探究学习教学辅助设计单-4.1 课程信息表制作_第2页
AI生成式探究学习教学辅助设计单-4.1 课程信息表制作_第3页
AI生成式探究学习教学辅助设计单-4.1 课程信息表制作_第4页
AI生成式探究学习教学辅助设计单-4.1 课程信息表制作_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

AI生成式探究学习教学辅助设计单使用AI名称：DeepSeek班级：学生姓名：子任务名称提示词AI的回应对AI回应的评价我的收获第四模块网站表格和表单页面制作4.1课程信息表制作使用HTML5语言，编写一个课程信息的网页。要求使用表格制作，给出案例代码。 下面是一个使用HTML5编写的课程信息网页示例代码。该网页使用表格来展示课程信息，包括课程名称、授课教师、上课时间和地点等内容。```html<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="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><caption>2023年秋季学期课程表</caption><thead><tr><th>课程名称</th><th>授课教师</th><th>上课时间</th><th>上课地点</th></tr></thead><tbody><tr><td>Web开发基础</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声明**：`<!DOCTYPEhtml>`声明文档类型为HTML5。2.**字符编码**：`<metacharset="UTF-8">`设置文档的字符编码为UTF-8。3.**视口设置**：`<metaname="viewport"content="width=device-width,initial-scale=1.0">`使网页在移动设备上具有良好的显示效果。4.**表格结构**：使用`<table>`标签创建表格，`<thead>`定义表头，`<tbody>`定义表格主体。5.**样式**：通过`<style>`标签内嵌CSS样式，设置表格的边框、背景色、字体等样式。###效果：-表格展示了课程名称、授课教师、上课时间和地点等信息。-表格的偶数行和奇数行有不同的背景色，鼠标悬停时行背景色会变化。-表格顶部有一个标题，描述了表格的内容。你可以将这段代码保存为一个`.html`文件，然后在浏览器中打开查看效果。DeepSeek非常严谨的使用了提示词当中的表格技术，完成了案例的制作和代码的输出。将代码运行到hbuilder环境当中可以得到这样的一个结果。AI给出的案例代码。兼

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论