其他分享
首页 > 其他分享> > 前端学习记录10

前端学习记录10

作者:互联网

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="public(1).css">
<link rel="stylesheet" href="public(1).css">
</head>
<body>
<div id="header">

</div>
<div id="nav">
<ul>
<li class="active"><a href="index.html">慧杰首页</a></li>
<li><a href="about.html">关于慧杰</a></li>
<li>慧杰服务</li>
<li>设备中心</li>
<li>购物指南</li>
<li>联系我们</li>
</ul>
</div>
<div id="slide">
<div>
<img src="./数码印刷机/img/a3.jpg" alt="">
<img src="./数码印刷机/img/a2.jpg" alt="">
<img src="./数码印刷机/img/a1.jpg" alt="">
<img src="./数码印刷机/img/a.jpg" alt="">
<img src="./数码印刷机/img/a3.jpg" alt="">
</div>
</div>
<div id="products">
<h4>『慧杰』数码印花设备</h4>
<p>具有高光性能制造工艺,量身打造高性价比细分产品,保证每个产品的功能和品质。</p>
<ul>
<li>八爪鱼(椭圆)数码印花机</li>
<li>八爪鱼(椭圆)数码印花机</li>
<li>八爪鱼(椭圆)数码印花机</li>
</ul>
<ul>
<li>
<img src="" alt="">
</li>
<li>
<img src="" alt="">
</li>
<li>
<img src="" alt="">
</li>
</ul>
<h3>SATISFACTION<br>客户满意是我们的追求</h3>

</div>
<div id="advantage">
<h4>应用行业</h4>
<p>——————————————&nbsp;&nbsp;&nbsp;是您选择我们的方向&nbsp;&nbsp;&nbsp;——————————————</p>
<ol>
<li>
<a href="">
<div>
01
</div>
<div>
<h5>广告制作</h5>
<span>Advertising Production</span>
</div>
</a>
</li>
<li>
<a href="">
<div>
02
</div>
<div>
<h5>广告制作</h5>
<span>Advertising Production</span>
</div>
</a>
</li>
<li>
<a href="">
<div>
03
</div>
<div>
<h5>广告制作</h5>
<span>Advertising Production</span>
</div>
</a>
</li>
<li>
<a href="">
<div>
04
</div>
<div>
<h5>广告制作</h5>
<span>Advertising Production</span>
</div>
</a>
</li>
</ol>
<ul>
<li>
<a href="">
<img src="img/search.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="img/search.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="img/search.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="img/search.png" alt="">
</a>
</li>
</ul>
</div>

</body>
</html>

标签:10,数码,慧杰,前端,记录,Production,nbsp,印花机,Advertising
来源: https://www.cnblogs.com/huzhibolibrary/p/15646889.html