一个简单的 HTML 网页设计代码
来源：
浏览：146
时间：2023-10-16
欢迎来到我的网页
这是一个简单的 HTML 网页设计。
- 项目 1
- 项目 2
- 项目 3
在这个例子中，我们创建了一个简单的 HTML 网页，其中包括以下元素：
- ：告诉浏览器这是一个 HTML5 文件。
- ：定义 HTML 文档的根元素。
- ：包含有关文档的元数据，如标题等。
：定义网页标题，将显示在浏览器标签页上。</li><li><body>：定义网页的主要内容。</li><li><h1>：定义一个一级标题。</li><li><p>：定义一个段落。</li><li><img>：定义一个图片，并指定图片的源和替代文本。</li><li><ul> 和 <li>：定义一个无序列表，并列出项目。</li></ul> </div> <div class="pagIng"> <a href="/anyouwz/36746.html">阿里巴巴国际站代运营：企业常见运营问题梳理</a> <a href="/anyouwz/36748.html">前端自学，一点代码也不会敲应该怎么办？</a></div> </div> </div> </div> <script type="text/javascript"> $(function(){ $(".zSubnav li").hover(function(){ $(this).stop().animate({top:"-10"},300) },function(){ $(this).stop().animate({top:"0"},300) }) }); $('.fonts a').click(function (){ $('.fonts a').removeClass('active'); $(this).addClass('active'); switch( $(this).index() ){ case 0: $('.detailCont').css({fontSize:14}); return false; case 1: $('.detailCont').css({fontSize:15}); return false; case 2: $('.detailCont').css({fontSize:16}); return false; } }); </script> <!-- 底部 --> <div class="zFooter"> <div class="wrap1200 clearfix"> <div class="cont fl"> <h3>地址 · <span>ADDRESS</span></h3> <p>地址：建邺区新城科技园嘉陵江东街18号2层</p> <p>邮箱：309474043@qq.Com</p> <a class="fukuan tr" href="/anyoucase/">点击查看更多案例</a> </div> <div class="tel fl"> <h3>联系 · <span>CALL TEL</span></h3> <p class="p1">400-8793-956</p> <p class="p2">售后专线：025-65016872</p> <p>业务QQ:309474043 售后QQ:1850555641</p> </div> <div class="code fr"><img src="/img/wx.jpg"></div> <div class="clearfix"></div> <div class="box" style="line-height: 25px;"> <div class="hot fl" style="width: 40%;height: auto;"> <a href="http://www.anyouy.cn/" title="南京网站建设">南京网站建设</a><em>|</em><a href="http://www.anyouy.cn/" title="南京小程序开发">南京小程序开发</a><em>|</em><a href="http://www.anyouy.cn/" title="南京网站开发">南京网站开发</a> </div> <div> <p class="copy">©南京安优网络科技有限公司 版权所有 <a href="https://beian.miit.gov.cn" target="_blank">苏ICP备12071769号-4</a> <a href="/sitemap">网站地图</a></p> </div> </div> <div class="clearfix"></div> <div class="links"> <span>友情链接：</span> <em>|</em> <a href="http://www.ayxcx.cn/" title="南京小程序开发">南京小程序开发</a> | </div> </div> </div> <script src="/img/wow.min.js"></script> <script>$(function(){new WOW().init();})</script> <script type="text/javascript"> //导航 $(window).scroll(function(){ if($(window).scrollTop()>=100){ $(".zHeader").addClass("on"); }else{ $(".zHeader").removeClass("on"); } }) //签约 jQuery(".zSigning").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:4,scroll:4}); //访问统计 window.onload = function() { $.ajax({url:"/Api/Hitstall/index",}); } </script> <div class="tqfloat"> <ul> <li class="hidden style1"><a class="tit" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes">业务咨询</a></li> <li class="hidden style1"><a class="tit" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes">技术支持</a></li> <li class="hidden style2"><p>联系电话</p><div class="tel">4008-793-956</div></li> <li class="hidden style1"><a class="tit" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes">投诉留言</a></li> <li class="hidden gotop"><a class="tit" href="javascript:;"></a></li> </ul> </div> <script type="text/javascript"> $(function(){ $(".tqfloat li.style2").hover(function(){ var _this = $(this); _this.removeClass("hidden").stop().animate({left : - 184}, 400) }, function(){ var _this = $(this); _this.stop().animate({left : 0}, 400, function(){ _this.addClass("hidden") }) }) $(".tqfloat li.style1").hover(function(){ $(this).removeClass("hidden").stop().animate({marginLeft : - 10}, 400) }, function(){ var _this = $(this); _this.stop().animate({marginLeft : 0}, 400, function(){ _this.addClass("hidden") }) }) $(".gotop").click(function(){ $("html,body").stop().animate({scrollTop: "0"},600) }) $(".subnav li").hover(function(){ $(this).stop().animate({top:"-10"},300) },function(){ $(this).stop().animate({top:"0"},300) }) }); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1c94697d8167ffaf76dd51252f3ad1a7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <div class="jszx" style="display:none"> <div class="jxin"><img src="/img/xt_bg.jpg" alt="" /></div> <div class="jszxdd"> <h1>零风险合作体验</h1> <p>侧重以结果为服务导向，不满意退还所有费用，最大限度降低客户的合作风险<br>安优网络从不青睐于向客户虚夸我们的能力<br>如果量身定制的作品让您满意我们相信合作的基础会更加夯实。</p> <p><a href="tel:400-8793-956">400-8793-956</a></p> <span><a href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank">在线咨询</a></span><span><a href="javascript:vido(0)" class="jszx1">稍后再说</a></span> </div> </div> <script language="javascript"> setTimeout(function (){$(".jszx").show()},3000)//表示1000毫秒后执行第一次显示层 $(function(){ $(".jszx3,.jszx1").click(function(){ $(".jszx").hide();//点击关闭层 //每3000毫秒执行一次显示当前层 $(this).stop().fadeTo(955000, 1, function(){ $(".jszx").show(); }); }); }); </script> </body> </html>