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

最新推荐文章于 2024-06-17 11:53:08 发布

死磕代码

最新推荐文章于 2024-06-17 11:53:08 发布

阅读量2.6k

点赞数 2

分类专栏：前端（Html，css，js）文章标签： html

本文链接：https://blog.csdn.net/Kevinjiang233/article/details/79852685

版权

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

摘要由CSDN通过智能技术生成

实验一网页制作

1.内容

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

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

2.实验二

HTML代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>实验二</title>
<link href="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="book.jpg" width="300" height="300" ></a>	
</div>	
<p class="name"><a href="http://product.dangdang.com/23464478.html" target="_blank"><span class="text2">东野圭谷：</span><span class="text1">解忧杂货铺</span><span class="text2">《白夜行》后东野圭吾备受欢迎作品：不是推理小说ÿ

最低0.47元/天解锁文章

死磕代码

关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
初级Html—模仿电商销售平台图书列表

实验一网页制作1.内容2、设计电商销售图书列表页面，设计效果可参考图2。页面内容应包括图书封面照片、图书名称、作者、出版社、售价、评论、图书详情等信息（评论和图书详情可通过超链接跳转某电商页面）。2.开始实验（限时两小时）2.实验二 HTML代码：&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;met...
复制链接

扫一扫