html表格方式实现商品详情

HTML表格方式实现商品详情

以下是效果图

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>小商品</title>
</head>
<body>
<table border="1px" width="507">
<tr><td rowspan="6" width="250px"><img src="pro_img/mianhua.jpg" width="250px"></td><td width="80px">商品名称：</td><td width="150px">新疆棉花</td>
</tr><tr><td>市场价格：</td><td>100元</td></tr><tr><td>友情售价：</td><td>80元</td></tr><tr><td>每份数量：</td><td>1件</td></tr><tr><td>商家承诺：</td><td>正品、包邮、顺丰到家</td></tr><tr><td>制裁：</td><td>制裁H&M、Nike、Adidas</td></tr><tr><td colspan="3">其他说明：<hr>新疆没有压榨，支持新疆棉花，制裁H&M、Nike、Adidas</td></tr><tr><form action=""><td>重要提示：付款前请认真填写好一下信息 <br>收货地址：<input type="text" placeholder="请填写收货地址" required name="get_goods"><br>收货人：<input type="text" placeholder="请填写收货地址" required name="get_body"><br>收货电话：<input type="text" placeholder="请填写收货电话" pattern="1[0-9]{10}" required name="get_tel"><br>微信号：<input type="text" placeholder="请填写微信号" required name="wechat"><br><input type="submit" value="提交收货信息"></form></td><td colspan="1"><img src="pro_img/erweima.png" width="169px"><br>微信扫码下单</td></tr>
</table>
</body>
</html>

代码中的rowspan和colspan代表把表格以行或列分为多少份，然后占几份

html表格方式实现商品详情相关推荐

淘宝商品详情平台化思考与实践
淘宝商品详情平台化思考与实践该文章来自阿里巴巴技术协会(ATA)精选集,(部份整理自<Detail2.0总体方案-20140818>) 1. 现状背景 Detail当前的问题可参见 ...
iOS开发 - 商品详情页两种分页模式，只提供思路和实现方式。
上面的效果是商品详情页常用的两种模式,分页和不分页.首先请忽略博主懒得去写界面,真正的效果见下面: 不分页模式分页模式然后先来依次说明下原理: 分页模式:看着和下拉刷新上拉加载的时候像不像?没错, ...
【修复日常bug】京东富文本详情图变形的多种处理方式（解决商品详情图片宽高不适应问题）
我前面写过一篇解析京东富文本详情的文章: https://blog.csdn.net/qq_35610214/article/details/102468150 上面这篇文章是处理小程序无法显示京东商 ...
1688商品详情接口，1688详情页接口，接口key和secret获取方式
为了进行淘宝的API开发,首先我们需要做下面几件事情. 1)开发者注册一个账号 2)然后为每个淘宝应用注册一个应用程序键(App Key) . 3)下载淘宝API的SDK并掌握基本的API基础知识和调 ...
【京东】商品详情页+商品列表数据采集
作为国内最大的电商平台之一,京东数据采集具有多个维度. 有人需要采集商品信息,包括品类.品牌.产品名.价格.销量等字段,以了解商品销售状况.热门商品属性,进行市场扩大和重要决策: 有人需要采集产品评论 ...
selenium爬取淘宝商品基础数据以及商品详情（茶叶数据）
selenium爬取淘宝商品基础数据以及商品详情目录网页分析确定要爬取的数据分析网页构成爬取流程登入爬取基础数据以及商品详情爬取基础数据爬取商品详情淘宝滑动验证码保存EXCEL中 ...
亿级商品详情页架构演进技术解密 | 高可用架构系列二
转载:http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=210272034&idx=1&sn=3be9d2b53c7fe ...
亿级商品详情页架构演进技术解密 | 高可用架构系列
亿级商品详情页架构演进技术解密 | 高可用架构系列 --http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=210272034&i ...
苏宁易购11.11：商品详情系统架构设计
商品详情系统介绍基本介绍商品详情系统是一个展示商品基本信息.参数等详情的系统,是商品购买的入口.它是电商平台中访问量最大的系统之一,苏宁易购大促期间PV量和UV量很大,这么大的访问量对系统的并发能 ...

html表格方式实现商品详情

HTML表格方式实现商品详情

html表格方式实现商品详情相关推荐

最新文章

热门文章