初级Html—模仿电商销售平台图书列表

最新推荐文章于 2026-06-16 11:25:45 发布

原创

最新推荐文章于 2026-06-16 11:25:45 发布 · 2.7k 阅读

收录于

当前文章被以下社区和专栏收录：

本次实验涉及HTML网页制作，目标是设计一个电商图书列表页面，包含图书封面、名称、作者、出版社、价格、评论和详情链接。在实践中遇到了链接、span标签和div布局的使用问题，通过查阅资料和实际调试得以解决。实验让作者认识到前端开发并非易事，理解代码简化和优化的重要性。

实验一网页制作

1.内容

2、设计电商销售图书列表页面，设计效果可参考图2。页面内容应包括图书封面照片、图书名称、作者、出版社、售价、评论、图书详情等信息（评论和图书详情可通过超链接跳转某电商页面）。

2.开始实验（限时两小时）

2.实验二

HTML代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>实验二</title>
<link href="https://blog.csdn.net/demo2.css" type="text/css" rel="stylesheet"/>
</head>
<div class="main">
<div class="picture">
<a href="https://detail.tmall.com/item.htm?id=535840259361&ali_refid=a3_430583_1006:1103478962:N:%E8%A7%A3%E5%BF%A7%E6%9D%82%E8%B4%A7%E5%BA%97%E6%AD%A3%E7%89%88%E5%8C%85%E9%82%AE:f3dd63cc189c3b9cd0ad89293741bbb3&ali_trackid=1_f3dd63cc189c3b9cd0ad89293741bbb3&spm=a230r.1.14.1" target="_blank"><img src="https://blog.csdn.net/book.jpg" width="300" height="300" ></a>	
</div>	
<p class="name"><a href="http://product.dangdang.com/23464478.html"

标签

#html