当当网HTML页面（练习）_当当网html作业资源-CSDN文库

共13个文件

gif：8个

html：2个

jpg：1个

5星 · 超过95%的资源需积分: 34 13 浏览量 2012-12-04 00:40:52 上传评论 4 收藏 251KB ZIP 举报

在IT行业中，HTML（HyperText Markup Language）是用于创建网页的标准标记语言，是构建互联网的基础。这个名为"当当网HTML页面（练习）"的压缩包文件为初学者提供了一个极好的学习和实践平台，尤其是对那些刚接触网页设计的人来说。下面我们将详细探讨HTML、CSS和JavaScript这三种技术，以及如何通过它们来模仿和练习当当网的页面。 1. **HTML**：HTML是构成网页的基本元素，它定义了网页的结构。在“当当网HTML页面”中，你可以看到各种标签如`<head>`、`<body>`、`<header>`、`<nav>`、`<section>`、`<article>`、`<footer>`等，它们分别代表了网页的不同部分。此外，还有用于创建文本格式化的标签，如`<h1>`到`<h6>`的标题、`<p>`的段落、`<a>`的链接等。通过分析和修改这些标签，你可以了解如何构建一个完整的网页布局。 2. **CSS**：Cascading Style Sheets (CSS) 是用于控制网页外观和布局的样式表语言。在实践中，你需要找到对应的.css文件，可能命名为“dangdang.css”。这里，你可以学习如何使用选择器（如类选择器、ID选择器、元素选择器等）来指定HTML元素的样式，包括颜色、字体、布局、背景等。CSS还允许你实现响应式设计，让网页适应不同设备的屏幕尺寸。 3. **JavaScript**：JavaScript是一种客户端脚本语言，用于增加网页的交互性。在“当当网HTML页面”中，可能有一个.js文件，例如“dangdang.js”。JavaScript可以处理用户输入、动态更新内容、执行动画效果、与服务器通信等。通过研究这个文件，你可以了解如何使用DOM（文档对象模型）操作HTML元素，以及如何使用事件监听器来响应用户的操作。 4. **实践步骤**： - 解压文件并查看HTML源码，理解网页的整体结构。 - 然后，分析CSS文件，理解每个样式规则如何影响HTML元素的显示。 - 接着，研究JavaScript代码，看看它是如何使页面动态化的。 - 尝试修改这些代码，比如改变文字颜色、调整布局或添加新的功能，以此来提升自己的技能。 5. **学习资源**：除了这个压缩包，你还可以参考W3Schools、MDN Web Docs等在线教程，它们提供了丰富的HTML、CSS和JavaScript学习资料。同时，使用开发者工具（如Chrome的DevTools）可以在浏览器中实时编辑和查看网页效果，这对学习和调试非常有帮助。 "当当网HTML页面（练习）"是一个很好的起点，它让你有机会实际操作，从而加深对HTML、CSS和JavaScript的理解。通过这样的练习，你可以逐步掌握网页设计的基础，为未来深入学习前端开发打下坚实基础。

资源推荐

资源详情

资源评论

收起资源包目录

dangdang.zip （13个子文件）

dangdang

index.html 2KB

body.html 2KB

images

seq.gif 845B

bjtj.gif 920B

dangdang.jpg 221KB

logo.gif 7KB

car.gif 969B

Thumbs.db 17KB

flll.gif 933B

book.gif 4KB

gs.gif 2KB

adv.gif 47KB

css

style.css 1KB

<html> <head> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body>  <div id="head1"> <div id="h_1"> <ul> <li><span style="font-weight:900;">您好，欢迎光临当当网</span></li> <li>[<a href="">登录</a>]</li> <li>[<a href="">注册</a>]</li> </ul> </div> <div id="h_2"> </div> <div id="h_3"> <ul> <li><img src="images/car.gif"/></li> <li><a href="#">购物车</a>|</li> <li><a href="#">我的当当</a>|</li> <li><a href="#">帮助</a>|</li> </ul> </div> </div>  <div id="head2"><img src="images/logo.gif"/></div>  <div id="head3"><img src="images/adv.gif"/></div>   <div id="content"> <div id="c_left"> <div style="height:20px;background-image:url(images/flll.gif); color:white;font-size:15px;padding-left:8px;padding-top:5px;">分类浏览</div> <div class="s1"> <table> <tr><td colspan="2">[<a href="#"><span style="color:red;">小说</span></a>]</td></tr> <tr><td><a href="#">当代小说</a>|</td><td><a href="#">现代小说</a></td></tr> <tr><td><a href="#">古典小说</a>|</td><td><a href="#">当代名著</a></td></tr> <tr><td><a href="#">世界名著</a>|</td><td></td></tr> </table> </div> <hr class="s2"/> <div class="s1"> <table> <tr><td colspan="2">[<a href="#"><span style="color:red;">小说</span></a>]</td></tr> <tr><td><a href="#">当代小说</a>|</td><td><a href="#">现代小说</a></td></tr> <tr><td><a href="#">古典小说</a>|</td><td><a href="#">当代名著</a></td></tr> <tr><td><a href="#">世界名著</a>|</td><td></td></tr> </table> </div> <hr class="s2"/> <div class="s1"> <table> <tr><td colspan="2">[<a href="#"><span style="color:red;">小说</span></a>]</td></tr> <tr><td><a href="#">当代小说</a>|</td><td><a href="#">现代小说</a></td></tr> <tr><td><a href="#">古典小说</a>|</td><td><a href="#">当代名著</a></td></tr> <tr><td><a href="#">世界名著</a>|</td><td></td></tr> </table> </div> <hr class="s2"/> </div> <div id="c_center"></div> <div id="c_right"></div> </div> </body> </html>

评论收藏

内容反馈