AI生成式探究学习教学辅助设计单-2.4个人主页制作_第1页
AI生成式探究学习教学辅助设计单-2.4个人主页制作_第2页
AI生成式探究学习教学辅助设计单-2.4个人主页制作_第3页
AI生成式探究学习教学辅助设计单-2.4个人主页制作_第4页
AI生成式探究学习教学辅助设计单-2.4个人主页制作_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

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

文档简介

AI生成式探究学习教学辅助设计单使用AI名称：DeepSeek班级：学生姓名：子任务名称提示词AI的回应对AI回应的评价我的收获第二模块网站页面搭建（HTML）2.4个人主页制作设计一个静态的html个人主页，页面包含文字、图片，要求使用html相关标签及属性，不使用css样式，给出案例代码。以下是一个静态HTML个人主页的代码示例，包含文字和图片，仅使用HTML标签和属性，不包含CSS样式：<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>我的个人主页</title></head><body><header><h1>欢迎来到我的个人主页</h1><p>这里是张三的个人主页，记录了我的学习、工作和生活点滴。</p></header><section><h2>关于我</h2><p>我是一名前端开发工程师，热爱编程和技术分享。以下是我的基本信息：</p><ul><li><strong>姓名：</strong>张三</li><li><strong>职业：</strong>前端开发工程师</li><li><strong>地点：</strong>北京</li><li><strong>邮箱：</strong>zhangsan@</li></ul></section><section><h2>我的照片</h2><p>以下是我的一些生活照片：</p><imgsrc="photo1.jpg"alt="生活照片1"width="300"><imgsrc="photo2.jpg"alt="生活照片2"width="300"><imgsrc="photo3.jpg"alt="生活照片3"width="300"></section><section><h2>我的项目</h2><p>以下是我参与的一些项目：</p><ul><li><ahref="/project1"target="_blank">项目1：公司官网改版</a></li><li><ahref="/project2"target="_blank">项目2：在线教育平台</a></li><li><ahref="/project3"target="_blank">项目3：个人博客系统</a></li></ul></section><footer><p>感谢访问我的个人主页！更多信息请访问我的<ahref=""target="_blank">个人博客</a>。</p></footer></body></html>代码说明：结构清晰：使用<header>、<section>、<footer>等语义化标签划分页面结构。每个模块（如“关于我”、“我的照片”、“我的项目”）通过<section>标签独立展示。文字内容：使用<h1>、<h2>、<p>、<ul>、<li>等标签展示标题、段落和列表内容。在“关于我”模块中，使用无序列表展示个人信息。图片展示：使用<img>标签插入图片，并通过width属性控制图片宽度。图片的alt属性提供了替代文本，便于图片无法显示时提供描述。超链接：在“我的项目”模块中，使用<a>标签创建超链接，指向项目详情页。在页脚部分添加了一个超链接，指向个人博客。无CSS样式：完全依赖HTML标签的默认样式，页面简洁但功能完整。使用方法：将上述代码保存为一个.html文件（如index.html）。准备图片文件（如photo1.jpg、photo2.jpg等），并确保图片文件与HTML文件在同一目录下。用浏览器打开HTML文件即可查看效果。示例效果：页面顶部显示标题和简介。关于我：展示个人信息。我的照片：展示多张生活照片。我的项目：列出参与的项目，并提供超链接。页脚提供个人博客的超链接。扩展建议：如果需要进一步优化，可以：引入CSS样式，美化页面布局和图片展示效果。使用JavaScript实现动态加载或交互功能（如

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

温馨提示

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

最新文档

评论

0/150

提交评论