首页 > 代码库 > app端首页的HTM简单搭建
app端首页的HTM简单搭建
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Title</title>
<link rel="stylesheet" href="http://www.mamicode.com/css/css.css">
</head>
<body>
<!--页首搜索-->
<div class="dkj">
<div class="z1"><img src="http://www.mamicode.com/img/首页切图/fsaf_09.png" ></div>
<div class="z2">
<form action="">
<input type="text" class="z2-1" placeholder=" 韩版牛仔裤">
</form>
</div>
<div class="z3"><img src="http://www.mamicode.com/img/首页切图/fsaf_06.png" ></div>
<div class="z4"><img src="http://www.mamicode.com/img/首页切图/fsaf_03.png" ></div>
</div>
<!--内容部分-->
<div class="q1"><img src="http://www.mamicode.com/img/首页切图/IMG_1847_02.png" ></div>
<div class="q2">
<div class="q2-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1847_03.png" ></div>
<div class="q2-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1847_04.png" ></div>
<div class="q2-3"><img src="http://www.mamicode.com/img/首页切图/IMG_1847_05.png" ></div>
</div>
<div class="q4">
<div class="q4-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_02.png" ></div>
<div class="q4-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_03.png" ></div>
</div>
<div class="q4">
<div class="q4-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_13.png" ></div>
<div class="q4-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_16.png" ></div>
</div>
<div class="q4">
<div class="q4-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_06.png" ></div>
<div class="q4-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_05.png" ></div>
</div>
<div class="q5">
<div class="q5-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_18.png" ></div>
<div class="q5-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_19.png" ></div>
</div>
<!--点赞-->
<div class="q6">
<div class="q6-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_22.png" ></div>
<div class="q6-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_23.png" ></div>
<div class="q6-3"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_24.png" ></div>
<div class="q6-4"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_25.png" ></div>
</div>
<!--第二页-->
<div class="jxg">
<div class="j1">
<div class="jq"><img src="http://www.mamicode.com/img/首页切图/IMG_1853_03.png" ></div>
<div class="jw"><img src="http://www.mamicode.com/img/首页切图/IMG_1853_06.png" ></div>
</div>
<div class="j2">
<div class="j2-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1853_11.png" ></div>
<div class="j2-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_03.png" ></div>
</div>
<div class="j2-3">
<div class="bq1"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_07.png" ></div>
<div class="bq2"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_09.png" ></div>
<div class="bq3"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_11.png" ></div>
</div>
<div class="j3">
<div class="j3-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_19.png" ></div>
<div class="j3-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_17.png" ></div>
</div>
<div class="qc">
<div class="qc-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_22.png" ></div>
<div class="qc-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_23.png" ></div>
<div class="qc-3"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_24.png" ></div>
<div class="qc-4"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_25.png" ></div>
</div>
</div>
<!--第三页-->
<div class="jxg">
<div class="j1">
<div class="jq"><img src="http://www.mamicode.com/img/首页切图/IMG_1853_03.png" ></div>
<div class="jw"><img src="http://www.mamicode.com/img/首页切图/IMG_1853_06.png" ></div>
</div>
<div class="j2">
<div class="j2-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1855_02.png" ></div>
<div class="j2-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_03.png" ></div>
</div>
<div class="j2-3">
<div class="bq1"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_07.png" ></div>
<div class="bq2"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_09.png" ></div>
<div class="bq3"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_11.png" ></div>
</div>
<div class="j3">
<div class="j3-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_19.png" ></div>
<div class="j3-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_17.png" ></div>
</div>
<div class="qc">
<div class="qc-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_22.png" ></div>
<div class="qc-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_23.png" ></div>
<div class="qc-3"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_24.png" ></div>
<div class="qc-4"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_25.png" ></div>
</div>
</div>
<!--第四页-->
<div class="jxg">
<div class="j1">
<div class="jq"><img src="http://www.mamicode.com/img/首页切图/IMG_1856_04_02.png" ></div>
<div class="jw"><img src="http://www.mamicode.com/img/首页切图/IMG_1853_06.png" ></div>
</div>
<div class="j2">
<div class="j2-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1856_06.png" ></div>
<!--增加的文字-->
<div class="js"><img src="http://www.mamicode.com/img/首页切图/IMG_1857_02.png" ></div>
</div>
<div class="j2-3">
<div class="bq1"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_07.png" ></div>
<div class="bq2"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_09.png" ></div>
<div class="bq3"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_11.png" ></div>
</div>
<div class="j3">
<div class="j3-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_19.png" ></div>
<div class="j3-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_17.png" ></div>
</div>
<div class="qc">
<div class="qc-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_22.png" ></div>
<div class="qc-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_23.png" ></div>
<div class="qc-3"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_24.png" ></div>
<div class="qc-4"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_25.png" ></div>
</div>
</div>
<!--第五图-->
<div class="jxg">
<div class="j1">
<div class="jq"><img src="http://www.mamicode.com/img/首页切图/IMG_1859_03.png" ></div>
<div class="jw"><img src="http://www.mamicode.com/img/首页切图/IMG_1853_06.png" ></div>
</div>
<div class="j2">
<div class="j2-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1859_07.png" ></div>
<!--增加的文字-->
<div class="jd"><img src="http://www.mamicode.com/img/首页切图/IMG_1860_02.png" ></div>
</div>
<div class="j2-3">
<div class="bq1"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_07.png" ></div>
<div class="bq2"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_09.png" ></div>
<div class="bq3"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_11.png" ></div>
</div>
<div class="j3">
<div class="j3-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_19.png" ></div>
<div class="j3-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1854_17.png" ></div>
</div>
<div class="qc">
<div class="qc-1"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_22.png" ></div>
<div class="qc-2"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_23.png" ></div>
<div class="qc-3"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_24.png" ></div>
<div class="qc-4"><img src="http://www.mamicode.com/img/首页切图/IMG_1740_25.png" ></div>
</div>
</div>
<!--底部固定收索框-->
<div class="dk">
<div class="f1"><img src="http://www.mamicode.com/img/首页切图/IMG_1847_08.png" ></div>
<div class="f2"><img src="http://www.mamicode.com/img/首页切图/IMG_1847_10.png" ></div>
<div class="f3"><img src="http://www.mamicode.com/img/首页切图/IMG_1847_12.png" ></div>
<div class="f4"><img src="http://www.mamicode.com/img/首页切图/IMG_1847_14.png" ></div>
<div class="f5"><img src="http://www.mamicode.com/img/首页切图/IMG_1847_16.png" ></div>
</div>
<script src="http://www.mamicode.com/JS/auto-size.js"></script>
</body>
</html>
app端首页的HTM简单搭建
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。