【免费】第三天课后作业练习的练习答案展示资源-CSDN文库

共7个文件

png：3个

html：2个

jpg：1个

需积分: 0 158 浏览量 2023-02-26 14:21:22 上传评论收藏 1.11MB ZIP 举报

在IT行业中，HTML（HyperText Markup Language）是用于创建网页的标准标记语言。它构成了互联网上大部分页面的基础结构，允许开发者通过文本、图像、链接等多种元素来构建动态且交互性强的网页内容。在这个“第三天课后作业练习”的场景中，我们可能涉及到一系列关于HTML的知识点，包括但不限于以下内容： 1. HTML基础结构：一个基本的HTML文件通常包含`<!DOCTYPE html>`声明，指示浏览器使用哪种HTML版本来解析文档；`<html>`元素作为整个文档的根元素；`<head>`元素包含了元数据，如字符编码、页面标题等；`<body>`元素则包含了可见的页面内容。 2. 标签语法：HTML由各种标签组成，如`<h1>`到`<h6>`用于定义标题，`<p>`用于段落，`<a>`用于链接，`<img>`用于图片，`<div>`用于内容分组，以及`<ul>`和`<ol>`用于无序和有序列表等。每个标签都有其特定的用途和语义。 3. CSS（Cascading Style Sheets）与HTML结合：虽然描述中没有明确提及CSS，但在实际网页设计中，HTML负责结构，CSS负责样式。通过`<style>`标签或外部样式表，我们可以控制元素的颜色、布局、字体等视觉效果。 4. 响应式设计：现代网页开发重视跨设备兼容性，HTML5引入了`<meta name="viewport">`标签，配合CSS媒体查询，可以实现响应式设计，使页面在不同尺寸的设备上都能良好显示。 5. 表单元素：HTML表单是用户与网页互动的重要方式，包括`<form>`、`<input>`、`<textarea>`、`<select>`和`<button>`等元素，用于收集用户输入并发送数据到服务器。 6. HTML5新特性：相比于早期的HTML4，HTML5添加了许多新元素和API，如`<canvas>`用于图形绘制，`<audio>`和`<video>`支持多媒体播放，`<article>`、`<aside>`等语义化标签提升内容可读性，以及Web Storage和Web SQL数据库等离线存储功能。 7. 实践应用：在作业练习中，学生可能会被要求创建简单的静态网页，包括头部、导航栏、主体内容和页脚等部分，或者利用HTML5的新特性实现动态效果。 8. 代码规范：编写清晰、易读的代码是良好编程习惯的一部分。这包括合理使用缩进、注释，遵循命名规则，以及正确闭合标签等。 9. 验证与调试：学习过程中，使用W3C的HTML验证器检查代码的正确性，以及浏览器的开发者工具进行实时调试，都是提高技能的重要步骤。这个“第三天课后作业练习”可能涵盖了HTML的基本结构、标签使用、样式控制、交互元素以及响应式设计等多方面的知识。通过这样的练习，学生能够巩固理论学习，提升实际操作能力，为后续的前端开发工作打下坚实基础。

资源推荐

资源详情

资源评论

收起资源包目录

0222.zip （7个子文件）

0222

images

login_pwd.png 4KB

bj.jpeg 90KB

loginBigBg.jpg 1.01MB

loginIco.png 8KB

loginBgY2.png 7KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录</title> <style> html, body { margin: 0; padding: 0; height: 100%; } body {} #main { width: 100%; height: 100%; background-image: url(images/loginBigBg.jpg); background-size: 100% 100%; overflow: hidden; } #Kuan { width: 400px; height: 400px; margin-top: 150px; margin-left: auto; margin-right: 100px; background-image: url(images/loginBgY2.png); background-size: 100% 100%; overflow: hidden; } #wenzi { height: 40px; width: 100%; margin-top: 70px; margin-left: auto; margin-right: auto; text-align: center; font-size: 40px; font-weight: bold; color: orange; font-family: "Times New Roman", Times, serif; overflow: hidden; } #user { width: 200px; height: 40px; display: block; margin-top: 20px; margin-left: auto; margin-right: auto; background-image: url(images/loginIco.png); background-size: 40px 40px; background-repeat: no-repeat; border: 0; border-radius: 10px; text-indent: 40px; background-color: gainsboro; } #password { width: 200px; height: 40px; display: block; margin-top: 20px; margin-left: auto; margin-right: auto; background-image: url(images/login_pwd.png); background-size: 40px 40px; background-repeat: no-repeat; border: 0; border-radius: 10px; text-indent: 40px; background-color: gainsboro; } #denglu { display: block; width: 200px; height: 40px; font-size: 25px; margin-top: 20px; margin-left: auto; margin-right: auto; background-color: #FFA500; border: 0px; border-radius: 10px; color: white; cursor: pointer; } #forget { display: block; text-decoration: none; width: 70px; margin-top: 20px; margin-right: 30px; margin-left: auto; } </style> </head> <body> <div id="main"> <div id="Kuan"> <div id="wenzi">欢迎登录</div> <input type="text" placeholder="USERNAME" id="user"> <input type="password" placeholder="PASSWORD" id="password"> <input type="button" value="登陆" id="denglu"> <a href="register.html" id="forget">忘记密码</a> </div> </div> </div> </body> </html>

评论收藏

内容反馈