<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="Homepage.css"/>
<script type="text/javascript" src="Homepage.js"></script>
<title>华为首页</title>
</head>
<body>
<!--上方黑色导航栏-->
<nav id="nav1">
<ul>
<li ><a href="#">集团网站</a></li>
<li ><a href="#">选择区域/语言</a></li>
<li ><a href="Login.html">登录</a></li>
</ul>
</nav>
<!--黑色导航栏结束-->
<!--上方白色带华为logo的导航栏-->
<nav id="nav2" >
<a href="https://www.huawei.com/cn/"><img src="images/huawei_logo.png"/></a><!--华为logo-->
<ul id="nav2_ul1"><!--导航栏文字-->
<li id="li1"><a href="#">个人及家庭产品</a></li>
<li id="li2"><a href="#">商用产品及方案</a></li>
<li id="li3"><a href="#">服务支持</a></li>
<li id="li4"><a href="#">合作伙伴与开发者</a></li>
<li id="li5"><a href="#">关于华为</a></li>
</ul>
<div id="div1"><!--鼠标移入导航栏文字“个人及家庭产品”显示的div标签-->
<img id="div1_img0" src="images/shouji1.png" />
<img id="div1_img1" src="images/shouji.png" />
<img id="div1_img2" src="images/bijiben.png" />
<img id="div1_img3" src="images/pingban.png" />
<img id="div1_img4" src="images/zhihuiping.png" />
<img id="div1_img5" src="images/vr.png" />
<img id="div1_img6" src="images/shoubiao.png" />
<img id="div1_img7" src="images/erji.png" />
<img id="div1_img8" src="images/luyouqi.png" />
<img id="div1_img9" src="images/hongmeng.png" />
<img id="div1_img10" src="images/quanbuchanpin.png" />
<ul id="div1_ul1">
<li>手机</li>
<li>笔记本</li>
<li>平板</li>
<li>智慧屏</li>
<li>VR</li>
</ul>
<ul id="div1_ul2">
<li>穿戴</li>
<li>音频</li>
<li>路由器</li>
<li>HarmonyOS</li>
<li>全部产品</li>
</ul>
</div>
<div id="div2"><!--鼠标移入导航栏文字“商用产品及方案”显示的div标签-->
<ul id="div2_ul1"><!--上方加粗文字-->
<li>联接</li>
<li>云与计算</li>
<li>服务</li>
<li>行业解决方案</li>
<li>热点话题</li>
</ul>
<ul id="div2_ul2"><!--下方第一列文字-->
<li>运营商网络</li>
<li>企业无线</li>
<li>企业网络</li>
<li>企业光传送与接入</li>
<li>数字能源</li>
</ul>
<ul id="div2_ul3"><!--下方第二列文字-->
<li>华为云</li>
<li>计算</li>
<li>数据存储</li>
<li>机器视觉</li>
<li>智能协作</li>
<li>鲲鹏计算平台</li>
<li>昇腾AI计算</li>
</ul>
<ul id="div2_ul4"><!--下方第三列文字-->
<li>运营商网络服务</li>
<li>企业网络服务</li>
<li>华为云专业服务</li>
</ul>
<ul id="div2_ul5"><!--下方第四列文字-->
<li>华为云行业解决方案</li>
<li>电信行业</li>
<li>数字政府</li>
<li>智慧园区</li>
<li>交通行业</li>
<li>电力行业</li>
<li>金融行业</li>
<li>查看更多></li>
</ul>
<ul id="div2_ul6"><!--下方第五列文字-->
<li>智能体</li>
<li>5G,点亮未来</li>
<li>F5G,光联万物</li>
<li>自动驾驶网络</li>
<li>IPv6+,智联无限</li>
<li>先进工业网络</li>
</ul>
</div>
<div id="div3"><!--鼠标移入导航栏文字“服务支持”显示的div标签-->
<ul id="div3_ul1"><!--上方加粗文字-->
<li>个人及家庭产品支持</li>
<li>华为云服务支持</li>
<li>企业业务支持</li>
<li>运营商网络支持</li>
</ul>
<ul id="div3_ul2"><!--下方第一列文字-->
<li>在线客服</li>
<li>华为服务日</li>
<li>服务店查询</li>
<li>寄修服务</li>
<li>保修期及权益查询</li>
<li>备件价格查询</li>
<li>查看更多></li>
</ul>
<ul id="div3_ul3"><!--下方第二列文字-->
<li>智能客服</li>
<li>新手入门</li>
<li>支持计划</li>
<li>自助服务</li>
<li>云社区</li>
<li>查看更多></li>
</ul>
<ul id="div3_ul4"><!--下方第三列文字-->
<li>智能客服</li>
<li>产品支持</li>
<li>软件下载</li>
<li>互动社区</li>
<li>工具</li>
<li>查看更多></li>
</ul>
<ul id="div3_ul5"><!--下方第四列文字-->
<li>智能客服</li>
<li>产品支持</li>
<li>Group Space</li>
<li>公告</li>
<li>华为资料直通车</li>
<li>查看更多></li>
</ul>
</div>
<div id="div4"><!--鼠标移入导航栏文字“合作伙伴与开发者”显示的div标签-->
<ul id="div4_ul1"><!--上方加粗文字-->
<li>合作伙伴</li>
<li>培训与认证</li>
<li>云与计算开发者</li>
<li>终端开发者</li>
</ul>
<ul id="div4_ul2"><!--下方第一列文字-->
<li>成为合作伙伴</li>
<li>查找合作伙伴</li>
<li>Marketplace</li>
<li>云市场</li>
<li>查看更多></li>
</ul>
<ul id="div4_ul3"><!--下方第二列文字-->
<li>学习</li>
<li>华为认证</li>
<li>企业客户培训</li>
<li>华为ICT学院</li>
<li>华为云学院</li>
<li>查看更多></li>
</ul>
<ul id="div4_ul4"><!--下方第三列文字-->
<li>华为云</li>
<li>鲲鹏</li>
<li>昇腾</li>
</ul>
<ul id="div4_ul5"><!--下方第四列文字-->
<li>开发</li>
<li>分发</li>
<li>变现</li>
<li>活动</li>
<li>开发者学院</li>
<li>社区</li>
<li>查看更多></li>
</ul>
</div>
<div id="div5"><!--鼠标移入导航栏文字“关于华为”显示的div标签-->
<img id="div5_img" src="./images/guanyuhuawei.png" /><!--右侧图片-->
<ul id="div5_ul1"><!--上方加粗文字-->
<li>关于华为</li>
<li>新闻与活动</li>
<li>发现华为</li>
</ul>
<ul id="div5_ul2"><!--下方第一列文字-->
<li>公司介绍</li>
<li>公司年报</li>
<li>公司治理</li>
<li>管理层信息</li>
<li>招贤纳士</li>
<li>联系我们></li>
</ul>
<ul id="div5_ul3"><!--下放第二列文字-->
<li>新闻</li>
<li>展会活动</li>
<li>媒体图库</li>
</ul>
<ul id="div5_ul4"><!--下方第三列文字-->
<li>华为技术</li>
<li>出版物</li>
</ul>
</div>
<a href="#"><img src="./images/vx_20211115203044.png"/></a><!--导航栏右侧在线购买图片-->
<section><a href="Mall.html">在线购买</a></section><!--导航栏右侧在线购买文字-->
<a href="#"><img src="./images/wx_20211115202018.png" /></a><!--导航栏右侧搜索图片-->
</nav>
<!--白色导航栏结束-->
<!--主内容区-->
<article id="article1" class="clearfix">
<!--轮播图区-->
<a href="#"><img id="myimages" src=""/></a><!--轮播图片-->
<div class="move" id="prephoto">‹</div><!--左侧箭头点击转到前一张图片-->
<div class="move" id="nextphoto">›</div><!--右侧箭头点击转到后一张图片-->
<ul id="photo_choose"><!--轮播图下方选择图片标志-->
<li></li>
<li></li>
</ul>
<!--轮播图区结束-->
<h1>推荐信息</h1>
<div id="border_1"></div><!--推荐信息下方橙色底框-->
<div id="border_11">热门</div><!--图片左上角“热门”标签-->
<div id="border_12">热门</div>
<div id="border_13">热门</div>
<div id="border_14">热门</div>
<div id="border_15">热门</div>
<div id="border_16">热门</div>
<div id="border_17">热门</div>
<!--七张图片作�
仿华为主页HTML+CSS+JavaScript
需积分: 5 27 浏览量
2023-07-01
14:21:02
上传
评论 1
收藏 21.17MB ZIP 举报
HuaWei界面.zip （84个子文件） 
HuaWei 
Mall.css 2KB Homepage.css 15KB Goods.css 5KB
实验报告pdf版.pdf 820KB
Homepage.html 14KB Goods2.html 4KB Login.html 687B Goods1.html 4KB Mall.html 3KB Homepage.js 9KB images 
hwcloud-1111-m.jpg 139KB matestation-m.jpg 76KB
shouji.png 900B hongmeng.png 3KB 2.jpg 181KB x.jpg 31KB erji.png 2KB hwcloud-1111.jpg 190KB 05.png 403KB watch (7).jpg 687KB watch (2).jpg 244KB 02.png 261KB 10.png 791KB 9.png 560KB 3.png 722KB pixlab-x1-m.jpg 54KB watch (6).jpg 644KB 04.png 349KB img.mp.itc.jpeg 26KB logo.png 11KB p50.jpg 49KB luyouqi.png 847B 12.png 417KB vr.png 2KB bijiben.png 1KB 20211117092952.png 147KB 10-wireless-trends2.jpg 130KB 15.png 285KB 01.png 920KB 03.png 360KB watch (8).jpg 489KB watch.png 90KB phone.png 104KB vmall-p50-m3.jpg 80KB 1.png 329KB bciw-cn.jpg 33KB vmall-p50-2.jpg 119KB vx_20211115203044.png 708B zhihuiping.png 766B shouji1.png 183KB matebook-m.jpg 29KB 11.png 258KB 13.png 348KB 6.png 464KB shoubiao.png 3KB bws-cn-800.jpg 96KB QQ20211117092618.png 178KB matebook.jpg 30KB 07.png 108KB huawei_logo.png 8KB watch (4).jpg 185KB pixlab-x1-p.jpg 42KB nova9-pro.jpg 70KB vx_20211115223824.png 3.33MB guanyuhuawei.png 144KB nova9-pro-m.jpg 68KB 5.png 274KB 4.png 2.38MB watch (5).jpg 782KB 8.png 401KB wx_20211115202018.png 790B intelligent-2030-cn-4.jpg 42KB ubbf2021-cn.jpg 88KB digital-transformation-report2.jpg 85KB 7.png 1.96MB watch (3).jpg 593KB pingban.png 802B 06.png 180KB matestation-p.jpg 52KB mp10.png.webp 94KB watch (1).jpg 428KB quanbuchanpin.png 1KB Login.css 1KB Goods3.html 4KB资源评论
