简单网页制作成品和代码免费学生html网页制作成品代码 _经验分享

【简单网页制作成品和代码免费学生html网页制作成品代码】 仿茅台集网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计。
网页有搜素框导航栏 js图片轮播；
网页由网站首页，公司简介，公司发展历程，最新新闻动态组成；
具体效果图展示：

文章插图

文章插图
首页html代码： <!DOCTYPE html><html><head><metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/><title>茅台集团</title><scripttype="text/javascript"src="http://www.siweifengbao.com/js/jquery-1.8.3.min.js"></script><linkhref="http://www.siweifengbao.com/css/index.css"rel="stylesheet"type="text/css"/><linkhref="http://www.siweifengbao.com/css/base.css"rel="stylesheet"type="text/css"/></head><body><divclass="top"><b><imgsrc="http://www.siweifengbao.com/images/logo.gif"/></b><ul><li><ahref="http://www.siweifengbao.com/#">设为首页</a><divclass="line2"></div><ahref="http://www.siweifengbao.com/#">收藏网站</a><divclass="line2"></div><ahref="http://www.siweifengbao.com/#">联系我们</a></li><divclass="text2"><inputtype="text"class="text"/><inputtype="image"src="http://www.siweifengbao.com/images/Button.gif"class="imag"/></div></ul></div><divclass="nav"><ul><li><ahref="http://www.siweifengbao.com/index.html">首页</a></li><li><ahref="http://www.siweifengbao.com/summary.html">公司简介</a></li><li><ahref="http://www.siweifengbao.com/Products.html">公司发展</a></li><li><ahref="http://www.siweifengbao.com/News.html">最新消息</a></li></ul></div><divclass="banner"style="width:1000px;margin:auto"><ul><p><imgsrc="http://www.siweifengbao.com/images/banner2.gif"/></p><p><imgsrc="http://www.siweifengbao.com/images/banner3.gif"/></p><div><spanclass="current"></span><span></span><span></span></div></ul></div><divclass="Container"><ulclass="summary_title"><b><imgsrc="http://www.siweifengbao.com/images/icon.gif"/></b><p>公司简介</p><span>COMPANY INTRODUCTION</span></ul><divclass="summary"><b><imgsrc="http://www.siweifengbao.com/images/p3.gif"width="100"/></b><ul><p><span>中国贵州茅台酒厂（集团）有限责任公司：</span>中国贵州茅台酒厂(集团)有限责任公司(以下简称茅台集团)是国家特大型国有企业，总部位于贵州遵义市茅台镇，平均海拔 423 米，占地约1.5万亩，其中茅台酒地理标志产品保护地域面积为15.03平方公里，员工3.6万余人。</p></ul></div><divclass="Box"><divclass="news"><divclass="news_title"><b><imgsrc="http://www.siweifengbao.com/images/icon2.gif"/></b><span>最新消息</span><a>NEWS</a></div><divclass="news_text"><ahref="http://www.siweifengbao.com/#">MORE </a><b><imgsrc="http://www.siweifengbao.com/images/p1.gif"width="200"/></b><ul><li><imgsrc="http://www.siweifengbao.com/images/Point.gif"/>茅台集团举行辛丑年（2021）“端午祭麦”仪式 <span>[2021-6.17]</span></li><p>6月14日，农历五月初五，早上8时28分，茅台集团辛丑年(2021)“端午祭麦”仪式在“茅酒之源”酿酒工业遗址广场举行，这标志着辛丑年茅台酒制曲生产的开始。茅台集团党委委员、副总经理万波参加仪式。</p></ul></div><divclass="clear"></div></div><divclass="Contact"><divclass="news_title"><span>联络我们</span><a>CONTACT US</a></div><divclass="Contact_text"><b><p><inputtype="submit"value="http://www.siweifengbao.com/在线咨询"class="sub"/></p></b><ul><span></span><li>公司名称：中国贵州茅台酒厂（集团）有限责任公司</li><li>公司地址：贵州省仁怀市茅台镇</li><li>邮箱地址：service@moutaichina.com</li><li>邮政编码：564501 </li></ul></div></div></div><divclass="clear"></div><divclass="bottom"><ul><li><ahref="">首页</a></li><liclass="line"></li><li><ahref="">公司简介</a></li><liclass="line"></li><li><ahref="">公司发展</a></li><liclass="line"></li><li><ahref="">最新消息</a></li><liclass="line"></li><li><ahref="">视频</a></li><liclass="line"></li></ul><pclass="bottom_text">版权所有：茅台集团</p></div></body><scriptsrc="http://www.siweifengbao.com/js/js.js"type="text/javascript"></script></html>

简单网页制作成品和代码免费学生html网页制作成品代码

推荐阅读

如何找寻自我

缝纫机调线器怎么安装平车方法如何

强组词强字组词

火笋鸡翅的做法（增肥食谱）

闺女生日快乐祝福语朋友圈

LV请来潮牌设计师做艺术总监，看中的是啥

老虎豆怎么做好吃老虎豆图片怎样弄来吃

暖气有流水声是什么原因

皮球是什么体

手机怎样开通QQ空间

男生发mua说明 mua是什么意思

手指盖凹陷怎么回事

对自己的生活失去掌控咋调整

小米10s怎么没有月亮模式

我想找个偏僻的地方搞养殖！有没有推荐的地方？

南京养老金认证上门服务怎么申请南京市养老金认证

如何评价猪场阉割猪？

最后一个字是豹的成语

泰山散酒怎么样

猫发情的声音(猫发情的叫声)

简单网页制作成品和代码 免费学生html网页制作成品代码

推荐阅读

简单网页制作成品和代码免费学生html网页制作成品代码