html网页如何制作网易云

160人浏览 2024-05-23 20:49:57

2个回答

  • A 拔异
    A 拔异
    最佳回答

    要制作一个类似于网易云音乐的HTML网页,你需要以下步骤:

    1. 创建HTML文件:使用文本编辑器(如Notepad++、Sublime Text等)创建一个新的HTML文件,将其保存为一个具有.html文件扩展名的文件。

    2. 添加HTML基本结构:在HTML文件中,需要先添加HTML基本结构,包括``声明和``标签。

    3. 添加头部内容:在``标签内部,添加``标签。在``标签中,添加``标签来指定文档的字符编码为UTF-8,以支持中文字符。可以添加``标签来设置网页的标题。</p><p>4. 添加CSS样式:在`<head>`标签内部,使用`<link>`标签引入CSS文件,通过CSS来设置网页的布局、样式和颜色等。可以根据网易云音乐的外观设计自定义或者使用类似的CSS样式。</p><p>5. 添加网页内容:在`<body>`标签内部,添加音乐播放器、歌曲列表、搜索框等网页内容。你可以使用HTML标签(如`<div class="div_9a1158154d">`、`<ul class="ul_9a1158154d">`、`<li class="li_9a1158154d">`、`<input>`等)来创建不同的元素,并使用CSS样式控制它们的外观。</p><p>6. 添加JavaScript脚本:如果需要实现网易云音乐的一些交互功能(如点击播放、搜索自动补全等),可以使用JavaScript来实现。你可以在`<body>`标签的结束标签之前,使用`<script>`标签来添加你的JavaScript代码。</p><p>7. 保存并预览:保存HTML文件并使用浏览器打开它,进行预览。你可以通过双击HTML文件打开它,或者在浏览器中使用"文件"菜单中的"打开文件"选项来打开它。</p><p>请注意,这仅是一个基本的指导,具体的实现会受到你的设计要求和技术能力的限制。你可能需要进一步学习HTML、CSS和JavaScript等前端技术,以便更好地实现你想要的效果。</p></p> </div> </li> <li class="load-more border-top pt-4 pt-lg-5 mt-4 mt-lg-5 li_9a1158154d"> <div class="item div_9a1158154d"> <div class="media align-items-center div_9a1158154d"> <div class="d-flex div_9a1158154d"> <img class="boxsize-48 rounded-circle img_9a1158154d" src="http://img.lzds.net/avatar/1_833.jpg" alt="louise"> </div> <div class="media-body pl-4 div_9a1158154d"> <div class="font-14 star-lh-auto text-black mb-1 div_9a1158154d">louise</div> <time class="font-12 star-lh-auto text-gray-600">2024-05-23</time> </div> <div class="d-flex div_9a1158154d"> <button class="btn btn-xs btn-ask font-14-important star-lh-auto px-3" data-newmoveable="ask" data-title="向TA提问" data-sid="52" data-tid="1">向TA提问</button> </div> </div> <p class="font-14 text-gray-800 star-lh-26 mt-3 mt-lg-4" data-toggle="textmore" data-fonum="150" data-webfonum="35"><p>要制作一个类似网易云音乐的HTML网页,需要以下步骤:</p><p>1. 创建HTML文件:使用文本编辑器(如Notepad++)新建一个扩展名为.html的文件。</p><p>2. 设置HTML文档结构:在HTML文件的顶部添加<html>标签,并在<head>标签中添加<meta>标签来设置文档的元数据,例如文档标题等。</p><p>3. 添加CSS样式:在<head>标签中使用<style>标签添加CSS样式,用于设置网页的布局、颜色、字体等外观。</p><p>4. 设置页面布局:使用<div class="div_9a1158154d">标签来创建页面的不同部分,例如页眉、导航栏、主要内容区域、页脚等。</p><p>5. 添加网页标题和Logo:在页眉部分使用<h1>标签来设置网页的标题,可以在标题周围添加其他元素和样式来实现所需的效果。可以在页眉中添加一个图片来表示网易云音乐的Logo。</p><p>6. 创建导航栏:使用<ul class="ul_9a1158154d">和<li class="li_9a1158154d">标签来创建一个导航栏,其中每个<li class="li_9a1158154d">标签表示一个导航链接。可以为导航栏添加CSS样式来设置其外观。</p><p>7. 添加音乐列表:使用<div class="div_9a1158154d">标签创建一个音乐列表区域,并在其中使用<ul class="ul_9a1158154d">和<li class="li_9a1158154d">标签添加各个音乐的列表项。每个列表项可以包含音乐的名称、歌手、时长等信息。</p><p>8. 添加音乐播放器:使用HTML5的<audio>标签来添加音乐播放器,并设置音乐资源的路径。可以自定义播放器的样式和控制按钮。</p><p>9. 设置页脚:在页面底部使用<div class="div_9a1158154d">标签创建一个页脚区域,并添加所需的内容,例如版权信息、联系方式等。</p><p>10. 保存并预览:保存HTML文件后,使用浏览器打开该文件,可以预览制作的网易云音乐网页效果。</p><p>以上是制作一个类似网易云音乐的HTML网页的详细步骤。你可以根据自己的需求和创意进一步添加内容和样式,实现更多的功能和效果。</p></p> </div> </li> <li class="text-center mt-5 li_9a1158154d"> <button class="btn btn-sm btn-outline-gray-400 font-14-important text-gray-700 px-8" data-toggle="showbutton">展开全部回答</button> </li> </ul> </div> <div class="lCard-footer bg-gray-200 rounded overflow-hidden d-none d-lg-block mt-5 div_9a1158154d"> <div class="skin2-promotion div_9a1158154d"> <div class="promotion position-relative d-block rounded overflow-hidden div_9a1158154d" > <img class="w-100 h-100 object-cover img_9a1158154d" src="http://img.lzds.net/static/assets/14443.jpg"> <span class="position-absolute star-dwcent font-20 font-weight-bold text-white">没有满意答案?试试 发布类似问题 或向 专家咨询 </span> </div> </div> <div class="footer-body p-4 p-lg-5 div_9a1158154d"> <div class="row div_9a1158154d"> <div class="col-12 col-lg-9 div_9a1158154d"> <form class="skin2-form d-flex flex-column align-items-center" id="detail_left_form"> <input name="site_id" id="site_id" data-verification="isEmpty" data-tips="id错误" type="text" class="form-control d-none" value="112"> <input name="url" id="url" data-verification="isEmpty" data-tips="url不能为空" type="text" class="form-control d-none" value="112"> <input name="type" id="type" data-verification="isEmpty" data-tips="类型" type="text" class="form-control d-none" value="112"> <div class="row mt-n3 mt-lg-n4 div_9a1158154d"> <div class="col-12 mt-3 mt-lg-4 div_9a1158154d"> <div class="input-control has-icon-right div_9a1158154d"> <textarea class="form-control" name="info[content]" id="detail_left_content" data-verification="isEmpty" placeholder="没有满意的答案?试试向专家免费咨询" data-tips="请输入问题内容" rows="3"></textarea> </div> </div> <div class="col-12 col-lg-6 mt-3 mt-lg-4 div_9a1158154d"> <div class="input-control has-icon-right div_9a1158154d"> <input name="mobile" id="detail_left_mobile" type="text" class="form-control" data-verification="isMobile" data-tips="请正确填写手机号" placeholder="请输入手机号码"> </div> </div> <div class="col-12 col-lg-6 mt-3 mt-lg-4 div_9a1158154d"> <div class="input-control has-icon-right div_9a1158154d"> <input name="code" id="detail_left_code" type="text" class="form-control" data-verification="isCode" data-tips="请输入6位数验证码" placeholder="输入验证码"> <label for="detail_left_code" class="input-control-label-right input-control-code text-right font-14 text-primary-200 cursor-pointer btn_msg select-none" data-url="http://submit.85899.cn/sms/code" data-msg="btnmsg" mobile="detail_left_mobile">获取验证码</label> </div> </div> <div class="col-12 col-lg-3 mt-3 mt-lg-4 div_9a1158154d"> <div class="btn btn-block btn-orange font-14-important px-5 py-1 div_9a1158154d" data-api="http://submit.85899.cn/form/submit" data-type="post" data-form="#detail_left_form" data-rules="detail_left_content,detail_left_mobile,detail_left_code" data-toggle="formsubmit" > 提交 </div> </div> </div> </form> </div> <div class="col-12 col-lg-3 div_9a1158154d"> <div class="d-flex flex-column align-items-center justify-content-center div_9a1158154d"> <img class="rounded boxsize-144 img_9a1158154d" src="http://img.lzds.net/image/2023/0420/033e2bc38df871fd.jpg" alt="网站设计官方客服"> <span class="font-14 text-gray-600 mt-2">专业人员一对一解答</span> </div> </div> </div> </div> </div> </div> <div class="lCard bg-white overflow-hidden rounded p-4 p-lg-5 mb-4 mb-lg-6 div_9a1158154d"> <div class="lCard-header d-flex align-items-center div_9a1158154d"> <h2 class="header-title font-16 font-lg-20 font-gray-800 font-weight-bold"> 相关推荐 </h2> <a class="text-gray-600 d-flex align-items-center font-14 ml-auto a_9a1158154d" href="http://www.lzds.net/askwzsj/"> 更多<i class="iconfont icon-gengduo font-12-important"></i> </a> </div> <div class="lCard-body div_9a1158154d"> <ul class="skin2-recqa star-webshow-6 star-webshow-6 mt-n1 mt-lg-n2 ul_9a1158154d"> <li class="border-top pt-1 pt-lg-2 mt-1 mt-lg-2 li_9a1158154d"> <div class="recquestion d-flex align-items-center font-14 div_9a1158154d"> <a class="text-gray-800 star-lh-auto text-truncate maxtitle a_9a1158154d" href="http://www.lzds.net/ask/1856926.html" title="网页制作怎么设置空格输入">网页制作怎么设置空格输入</a> <span class="border border-primary text-primary font-12-important rounded-pill d-none d-lg-flex px-2 py-0 ml-4">2个回答</span> <time class="text-gray-600 ml-auto">2024-05-23</time> </div> </li> <li class="border-top pt-1 pt-lg-2 mt-1 mt-lg-2 li_9a1158154d"> <div class="recquestion d-flex align-items-center font-14 div_9a1158154d"> <a class="text-gray-800 star-lh-auto text-truncate maxtitle a_9a1158154d" href="http://www.lzds.net/ask/1856923.html" title="html网页如何制作网易云">html网页如何制作网易云</a> <span class="border border-primary text-primary font-12-important rounded-pill d-none d-lg-flex px-2 py-0 ml-4">2个回答</span> <time class="text-gray-600 ml-auto">2024-05-23</time> </div> </li> <li class="border-top pt-1 pt-lg-2 mt-1 mt-lg-2 li_9a1158154d"> <div class="recquestion d-flex align-items-center font-14 div_9a1158154d"> <a class="text-gray-800 star-lh-auto text-truncate maxtitle a_9a1158154d" href="http://www.lzds.net/ask/129658.html" title="网页设计哪些网站">网页设计哪些网站</a> <span class="border border-primary text-primary font-12-important rounded-pill d-none d-lg-flex px-2 py-0 ml-4">2个回答</span> <time class="text-gray-600 ml-auto">2024-05-23</time> </div> </li> <li class="border-top pt-1 pt-lg-2 mt-1 mt-lg-2 li_9a1158154d"> <div class="recquestion d-flex align-items-center font-14 div_9a1158154d"> <a class="text-gray-800 star-lh-auto text-truncate maxtitle a_9a1158154d" href="http://www.lzds.net/ask/129660.html" title="网页设计与制作超链接的类型有哪些">网页设计与制作超链接的类型有哪些</a> <span class="border border-primary text-primary font-12-important rounded-pill d-none d-lg-flex px-2 py-0 ml-4">2个回答</span> <time class="text-gray-600 ml-auto">2024-05-23</time> </div> </li> <li class="border-top pt-1 pt-lg-2 mt-1 mt-lg-2 li_9a1158154d"> <div class="recquestion d-flex align-items-center font-14 div_9a1158154d"> <a class="text-gray-800 star-lh-auto text-truncate maxtitle a_9a1158154d" href="http://www.lzds.net/ask/129795.html" title="静态网页的设计软件有哪些">静态网页的设计软件有哪些</a> <span class="border border-primary text-primary font-12-important rounded-pill d-none d-lg-flex px-2 py-0 ml-4">2个回答</span> <time class="text-gray-600 ml-auto">2024-05-23</time> </div> </li> <li class="border-top pt-1 pt-lg-2 mt-1 mt-lg-2 li_9a1158154d"> <div class="recquestion d-flex align-items-center font-14 div_9a1158154d"> <a class="text-gray-800 star-lh-auto text-truncate maxtitle a_9a1158154d" href="http://www.lzds.net/ask/129799.html" title="怎样成为高级网页设计工程师">怎样成为高级网页设计工程师</a> <span class="border border-primary text-primary font-12-important rounded-pill d-none d-lg-flex px-2 py-0 ml-4">1个回答</span> <time class="text-gray-600 ml-auto">2024-05-23</time> </div> </li> </ul> </div> </div> </div> <div class="col-12 col-lg-3 d-none d-lg-block div_9a1158154d"> <div class="lCard bg-icon1 overflow-hidden rounded p-4 p-lg-5 mb-4 mb-lg-6 div_9a1158154d" style="background: url('http://img.lzds.net/static/assets/7705.png') no-repeat;"> <div class="lCard-body div_9a1158154d"> <div class="text-center div_9a1158154d"> <h2 class="font-20 font-weight-bold text-white mb-3">免费获取咨询</h2> <p class="font-12 text-white">今日已有<span class="text-orange">1243</span>人获取咨询</p> </div> <form class="skin2-form d-flex flex-column align-items-center" id="right_form"> <input type="hidden" name="site_id" value="52"> <input type="hidden" name="table_id" value="1"> <input type="hidden" name="info[title]" value="网站设计咨询" /> <input type="hidden" name="page" value="http://www.lzds.net/ask/1856924.html"> <div class="w-100 mt-4 mt-lg-5 div_9a1158154d"> <div class="input-control has-icon-right div_9a1158154d"> <select name="info[category]" id="right_form_category" data-placeholder="选择咨询类型" data-verification="isEmpty" class="form-control select_picker"> <option value=""></option> <option value="网站设计">网站设计</option> <option value="包装设计">包装设计</option> <option value="平面设计">平面设计</option> <option value="装修设计">装修设计</option> </select> </div> </div> <div class="w-100 mt-4 mt-lg-5 div_9a1158154d"> <div class="input-control has-icon-right div_9a1158154d"> <input name="mobile" id="right_form_mobile" type="text" class="form-control" data-verification="isMobile" placeholder="请输入手机号码"> </div> </div> <div class="w-100 mt-4 mt-lg-5 div_9a1158154d"> <div class="input-control has-icon-right div_9a1158154d"> <input name="code" id="right_form_code" type="text" class="form-control" data-verification="isCode" placeholder="输入验证码"> <label for="right_form_code" class="input-control-label-right input-control-code text-right font-14 text-primary cursor-pointer btn_msg select-none" data-msg="btnmsg" data-url="http://submit.85899.cn/sms/code" mobile="right_form_mobile">获取验证码</label> </div> </div> </form> <div class="btn btn-block btn-orange font-14-important px-5 py-1 btn_quotation2 mt-4 mt-lg-5 div_9a1158154d" data-api="http://submit.85899.cn/form/submit" data-type="post" data-form="#right_form" data-rules="right_form_category,right_form_mobile,right_form_code" data-toggle="formsubmit">免费咨询</div> </div> </div> <div class="lCard bg-white overflow-hidden rounded p-4 p-lg-5 mb-4 mb-lg-6 div_9a1158154d"> <div class="lCard-header d-flex align-items-center div_9a1158154d"> <h2 class="header-title font-16 font-lg-20 font-gray-800 font-weight-bold"> 热门服务 </h2> <a class="text-gray-600 d-flex align-items-center font-14 ml-auto a_9a1158154d" href="http://www.lzds.net/items/"> 更多<i class="iconfont icon-gengduo font-12-important"></i> </a> </div> <div class="lCard-body div_9a1158154d"> <ul class="skin3-recservice ul_9a1158154d"> <li class="mt-4 li_9a1158154d"> <div class="media align-items-center rounded overflow-hidden bg-gray-100 div_9a1158154d"> <a class="media-img d-block a_9a1158154d" data-config="pictureScale" data-target="targetImg" data-proportion="[105,75]" href="http://www.lzds.net/items/804/"> <img class="object-cover targetImg img_9a1158154d" src="http://img.lzds.net/image/2023/0522/60cfa1c176eb9b0e.jpg" alt="餐厅装修设计"> </a> <div class="media-body pl-4 div_9a1158154d"> <a class="font-14 font-lg-16 text-gray-800 text-truncate d-block a_9a1158154d" href="http://www.lzds.net/items/804/">餐厅装修设计</a> <sapn class="font-12 text-gray-600">已有1342人咨询</sapn> </div> <div class="d-flex align-items-center pl-3 pr-4 div_9a1158154d"> <div class="cursor-pointer div_9a1158154d" data-newmoveable="code" data-type="2"><i class="iconfont icon-weixin1 font-20-important"></i></div> </div> </div> </li> <li class="mt-4 li_9a1158154d"> <div class="media align-items-center rounded overflow-hidden bg-gray-100 div_9a1158154d"> <a class="media-img d-block a_9a1158154d" data-config="pictureScale" data-target="targetImg" data-proportion="[105,75]" href="http://www.lzds.net/items/803/"> <img class="object-cover targetImg img_9a1158154d" src="http://img.lzds.net/image/2023/0522/e52e49cf0ba52ecd.jpg" alt="店面装修设计"> </a> <div class="media-body pl-4 div_9a1158154d"> <a class="font-14 font-lg-16 text-gray-800 text-truncate d-block a_9a1158154d" href="http://www.lzds.net/items/803/">店面装修设计</a> <sapn class="font-12 text-gray-600">已有1342人咨询</sapn> </div> <div class="d-flex align-items-center pl-3 pr-4 div_9a1158154d"> <div class="cursor-pointer div_9a1158154d" data-newmoveable="code" data-type="2"><i class="iconfont icon-weixin1 font-20-important"></i></div> </div> </div> </li> <li class="mt-4 li_9a1158154d"> <div class="media align-items-center rounded overflow-hidden bg-gray-100 div_9a1158154d"> <a class="media-img d-block a_9a1158154d" data-config="pictureScale" data-target="targetImg" data-proportion="[105,75]" href="http://www.lzds.net/items/802/"> <img class="object-cover targetImg img_9a1158154d" src="http://img.lzds.net/image/2023/0522/2ba894bd57040394.jpg" alt="室内家装设计"> </a> <div class="media-body pl-4 div_9a1158154d"> <a class="font-14 font-lg-16 text-gray-800 text-truncate d-block a_9a1158154d" href="http://www.lzds.net/items/802/">室内家装设计</a> <sapn class="font-12 text-gray-600">已有1342人咨询</sapn> </div> <div class="d-flex align-items-center pl-3 pr-4 div_9a1158154d"> <div class="cursor-pointer div_9a1158154d" data-newmoveable="code" data-type="2"><i class="iconfont icon-weixin1 font-20-important"></i></div> </div> </div> </li> <li class="mt-4 li_9a1158154d"> <div class="media align-items-center rounded overflow-hidden bg-gray-100 div_9a1158154d"> <a class="media-img d-block a_9a1158154d" data-config="pictureScale" data-target="targetImg" data-proportion="[105,75]" href="http://www.lzds.net/items/801/"> <img class="object-cover targetImg img_9a1158154d" src="http://img.lzds.net/image/2023/0522/13231ec41ef68466.jpg" alt="办公室装修设计"> </a> <div class="media-body pl-4 div_9a1158154d"> <a class="font-14 font-lg-16 text-gray-800 text-truncate d-block a_9a1158154d" href="http://www.lzds.net/items/801/">办公室装修设计</a> <sapn class="font-12 text-gray-600">已有1342人咨询</sapn> </div> <div class="d-flex align-items-center pl-3 pr-4 div_9a1158154d"> <div class="cursor-pointer div_9a1158154d" data-newmoveable="code" data-type="2"><i class="iconfont icon-weixin1 font-20-important"></i></div> </div> </div> </li> <li class="mt-4 li_9a1158154d"> <div class="media align-items-center rounded overflow-hidden bg-gray-100 div_9a1158154d"> <a class="media-img d-block a_9a1158154d" data-config="pictureScale" data-target="targetImg" data-proportion="[105,75]" href="http://www.lzds.net/items/800/"> <img class="object-cover targetImg img_9a1158154d" src="http://img.lzds.net/image/2023/0522/968ec2f40c72ae89.jpg" alt="酒店装修设计"> </a> <div class="media-body pl-4 div_9a1158154d"> <a class="font-14 font-lg-16 text-gray-800 text-truncate d-block a_9a1158154d" href="http://www.lzds.net/items/800/">酒店装修设计</a> <sapn class="font-12 text-gray-600">已有1342人咨询</sapn> </div> <div class="d-flex align-items-center pl-3 pr-4 div_9a1158154d"> <div class="cursor-pointer div_9a1158154d" data-newmoveable="code" data-type="2"><i class="iconfont icon-weixin1 font-20-important"></i></div> </div> </div> </li> <li class="mt-4 li_9a1158154d"> <div class="media align-items-center rounded overflow-hidden bg-gray-100 div_9a1158154d"> <a class="media-img d-block a_9a1158154d" data-config="pictureScale" data-target="targetImg" data-proportion="[105,75]" href="http://www.lzds.net/items/799/"> <img class="object-cover targetImg img_9a1158154d" src="http://img.lzds.net/image/2023/0522/cf11e055c76c437a.jpg" alt="别墅装修设计"> </a> <div class="media-body pl-4 div_9a1158154d"> <a class="font-14 font-lg-16 text-gray-800 text-truncate d-block a_9a1158154d" href="http://www.lzds.net/items/799/">别墅装修设计</a> <sapn class="font-12 text-gray-600">已有1342人咨询</sapn> </div> <div class="d-flex align-items-center pl-3 pr-4 div_9a1158154d"> <div class="cursor-pointer div_9a1158154d" data-newmoveable="code" data-type="2"><i class="iconfont icon-weixin1 font-20-important"></i></div> </div> </div> </li> </ul> </div> </div> <div class="lCard bg-white overflow-hidden rounded p-4 p-lg-5 mb-4 mb-lg-6 div_9a1158154d"> <div class="lCard-header d-flex align-items-center div_9a1158154d"> <h2 class="header-title font-16 font-lg-20 font-gray-800 font-weight-bold"> 最新问答 </h2> <a class="text-gray-600 d-flex align-items-center font-14 ml-auto a_9a1158154d" href="http://www.lzds.net/ask/"> 更多<i class="iconfont icon-gengduo font-12-important"></i> </a> </div> <div class="lCard-body div_9a1158154d"> <ul class="skin1-recask ul_9a1158154d"> <li class="item border-top pt-3 mt-3 li_9a1158154d"> <a class="text-black font-14 star-lh-auto media align-items-center a_9a1158154d" href="http://www.lzds.net/ask/1318194.html"> <div class="media-body text-truncate pr-4 div_9a1158154d" > 产品设计网站都有哪些 </div> <span class="font-12 text-gray-600 star-lh-auto"> 6 个回答 </span> </a> </li> <li class="item border-top pt-3 mt-3 li_9a1158154d"> <a class="text-black font-14 star-lh-auto media align-items-center a_9a1158154d" href="http://www.lzds.net/ask/2319947.html"> <div class="media-body text-truncate pr-4 div_9a1158154d" > WORD页面布局的选项是灰色怎么办 </div> <span class="font-12 text-gray-600 star-lh-auto"> 1 个回答 </span> </a> </li> <li class="item border-top pt-3 mt-3 li_9a1158154d"> <a class="text-black font-14 star-lh-auto media align-items-center a_9a1158154d" href="http://www.lzds.net/ask/620012.html"> <div class="media-body text-truncate pr-4 div_9a1158154d" > 如何制作网页交互 </div> <span class="font-12 text-gray-600 star-lh-auto"> 2 个回答 </span> </a> </li> <li class="item border-top pt-3 mt-3 li_9a1158154d"> <a class="text-black font-14 star-lh-auto media align-items-center a_9a1158154d" href="http://www.lzds.net/ask/144718.html"> <div class="media-body text-truncate pr-4 div_9a1158154d" > 网页设计怎么在图片上加文字 </div> <span class="font-12 text-gray-600 star-lh-auto"> 2 个回答 </span> </a> </li> <li class="item border-top pt-3 mt-3 li_9a1158154d"> <a class="text-black font-14 star-lh-auto media align-items-center a_9a1158154d" href="http://www.lzds.net/ask/2406417.html"> <div class="media-body text-truncate pr-4 div_9a1158154d" > EXCEL页面布局模式怎么退出 </div> <span class="font-12 text-gray-600 star-lh-auto"> 1 个回答 </span> </a> </li> <li class="item border-top pt-3 mt-3 li_9a1158154d"> <a class="text-black font-14 star-lh-auto media align-items-center a_9a1158154d" href="http://www.lzds.net/ask/864656.html"> <div class="media-body text-truncate pr-4 div_9a1158154d" > 拼多多网页怎么制作 </div> <span class="font-12 text-gray-600 star-lh-auto"> 2 个回答 </span> </a> </li> <li class="item border-top pt-3 mt-3 li_9a1158154d"> <a class="text-black font-14 star-lh-auto media align-items-center a_9a1158154d" href="http://www.lzds.net/ask/2397386.html"> <div class="media-body text-truncate pr-4 div_9a1158154d" > 为什么WORD页面布局找不到 </div> <span class="font-12 text-gray-600 star-lh-auto"> 1 个回答 </span> </a> </li> <li class="item border-top pt-3 mt-3 li_9a1158154d"> <a class="text-black font-14 star-lh-auto media align-items-center a_9a1158154d" href="http://www.lzds.net/ask/999372.html"> <div class="media-body text-truncate pr-4 div_9a1158154d" > 京东网页页面如何制作HTML </div> <span class="font-12 text-gray-600 star-lh-auto"> 2 个回答 </span> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="star-levitate-web d-none d-lg-block div_9a1158154d"> <ul class="levitate-list ul_9a1158154d"> <li class="list-item hoverpopup position-relative mb-4 li_9a1158154d"> <a class="font-12 text-white cursor-pointer a_9a1158154d" href="tel:400-0606-495" > <i class="iconfont icon-dianhua font-20-important"></i> <p class="font-12 star-lh-18">电话咨询</p> <div class="dropdown-popup rounded px-2 py-4 div_9a1158154d"> <div class="d-block tel text-center text-primary-400 font-weight-bold font-14 div_9a1158154d"> <span>400-0606-495</span> </div> </div> </a> </li> </ul> <ul class="levitate-list ul_9a1158154d"> <li class="list-item li_9a1158154d"> <a class="font-12 text-gray-800 a_9a1158154d" href="http://www.lzds.net/items/"> <i class="iconfont icon-a-fenlei font-20-important"></i> <p class="font-12 star-lh-18 ">服务</p> </a> </li> <li class="list-item li_9a1158154d"> <div class="font-12 text-gray-800 cursor-pointer div_9a1158154d" data-newmoveable="code" data-type="2"> <i class="iconfont icon-kefu font-20-important"></i> <p class="font-12 star-lh-18 ">微信</p> </div> </li> </ul> <ul class="levitate-list ul_9a1158154d"> <li class="list-item do-gotop cursor-pointer p-0 mt-4 li_9a1158154d" style="display: none;"> <a href="javascript:;"> <i class="iconfont icon-zhiding text-gray-800 font-20-important"></i> </a> </li> </ul> </div> <div class="star-levitate-h5 d-lg-none div_9a1158154d"> <ul class="levitate-list ul_9a1158154d"> <li class="list-item hover_primary li_9a1158154d"> <a class="text-gray-700 text-center active a_9a1158154d" rel="nofollow" href="http://www.lzds.net"> <i class="iconfont opacity-80 icon-shouye font-20-important text-gray-500 pt-2 pb-1"></i> <p class="font-12 star-lh-auto mb-1">首页</p> </a> </li> <li class="list-item hover_primary li_9a1158154d"> <a class="text-gray-700 text-center a_9a1158154d" href="http://www.lzds.net/items/"> <i class="iconfont opacity-80 icon-fenlei font-20-important text-gray-500 pt-2 pb-1"></i> <p class="font-12 star-lh-auto mb-1">服务</p> </a> </li> <li class="list-item hover_primary li_9a1158154d"> <a class="text-gray-700 text-center cursor-pointer a_9a1158154d" href="javascript:;" data-newmoveable="code" data-type="2"> <i class="iconfont opacity-80 icon-weixin font-20-important text-gray-500 pt-2 pb-1"></i> <p class="font-12 star-lh-auto mb-1">微信</p> </a> </li> <li class="list-item hover_primary li_9a1158154d"> <a class="text-gray-700 text-center a_9a1158154d" target="_blank" rel="nofollow" href="tel:400-0606-495"> <i class="iconfont opacity-80 icon-dianhua font-20-important text-gray-500 pt-2 pb-1"></i> <p class="font-12 star-lh-auto mb-1">电话</p> </a> </li> </ul> </div> </main> <footer class="skin2-footer bg-footer py-4 py-lg-5 footer_9a1158154d"> <div class="footer-header d-none d-lg-block border-bottom border-white-100 pb-4 mb-4 pb-lg-5 mb-lg-5 div_9a1158154d"> <div class="container-auto container-xl-1400 container-lg-960 overflow-hidden div_9a1158154d"> <div class="pb-4 mb-4 div_9a1158154d"> <p class="font-12 text-white-600 star-lh-20 text-ell-2"> html网页如何制作网易云 </p> </div> <div class="row row-lg-mx div_9a1158154d"> <div class="col-9 div_9a1158154d"> <div class="row row-lg-mx div_9a1158154d"> <div class="col-8 div_9a1158154d"> <dl class="mb-0 dl_9a1158154d"> <dt class="font-14 text-white mb-2 dt_9a1158154d">网站导航 <span class="font-weight-normal font-12 text-white-400 mx-1">·</span> <span class="font-weight-normal font-12 text-white-400">MENU</span> </dt> <dd class="d-flex flex-wrap mx-n2 mt-n2 dd_9a1158154d"> <a rel="nofollow" target="_blank" href="http://www.lzds.net/about.html" class="font-14 text-white-600 mx-2 mt-2">关于我们</a> <a rel="nofollow" target="_blank" href="http://www.lzds.net/city/" class="font-14 text-white-600 mx-2 mt-2">服务城市</a> <a rel="nofollow" target="_blank" href="http://www.lzds.net/cooperate.html" class="font-14 text-white-600 mx-2 mt-2">商家合作</a> <a rel="nofollow" target="_blank" href="http://www.lzds.net/sitemap.html" class="font-14 text-white-600 mx-2 mt-2">网站地图</a> <a href="javascript:;" class="font-14 text-white-600 mx-2 mt-2 cursor-pointer" data-newmoveable="code" data-type="2">联系我们</a> </dd> </dl> </div> <div class="col-4 div_9a1158154d"> <dl class="mb-0 dl_9a1158154d"> <dt class="font-14 text-white mb-2 dt_9a1158154d">联系方式 <span class="font-weight-normal font-12 text-white-400 mx-1">·</span> <span class="font-weight-normal font-12 text-white-400">CONTACT</span> </dt> <dd class="dd_9a1158154d"><span class="font-12 font-weight-normal text-white-600">工作时间:9:00-18:00(周一至周五)</span></dd> <dd class="dd_9a1158154d"> <a href="#" target="_blank" rel="nofollow" class="btn btn-white rounded-pill font-14-important px-4 py-1"> <i class="iconfont icon-dianhua2"></i> 400-0606-495 </a> </dd> </dl> </div> </div> </div> <div class="col-3 div_9a1158154d"> <ul class="d-flex justify-content-end ul_9a1158154d"> <li class="list-none list-inline d-flex flex-column align-items-center justify-content-center ml-4 li_9a1158154d"> <img class="rounded boxsize-112 img_9a1158154d" src="http://img.lzds.net/image/2023/0420/033e2bc38df871fd.jpg" alt="网站设计官方客服"> <span class="font-12 text-white-600 mt-2">24小时客服</span> </li> <li class="list-none list-inline d-flex flex-column align-items-center justify-content-center ml-4 li_9a1158154d"> <img class="rounded boxsize-112 img_9a1158154d" src="http://img.lzds.net/image/2023/0420/033e2bc38df871fd.jpg" alt="网站设计商务合作"> <span class="font-12 text-white-600 mt-2">商务合作</span> </li> </ul> </div> </div> </div> </div> <div class="container-auto container-xl-1400 footer-bot text-center div_9a1158154d"> <div class="copyright font-12 text-lg-14 px-4 px-lg-0 div_9a1158154d"> <p class="d-none d-lg-block text-white-600">Copyright © 2024 - <a class="text-white-600 a_9a1158154d" href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">渝ICP备2023004721号-14</a> - <a class="text-white-600 a_9a1158154d" href="http://www.beian.gov.cn/" target="_blank" rel="nofollow">网警备案号:</a></p> <p class="text-white-600"></p> </div> </div> </footer> <script src="http://img.lzds.net/static/plugins/jquery-3.6.0/jquery.min.js"></script> <script src="http://img.lzds.net/static/plugins/jquery.form/jquery.form.min.js"></script> <script src="http://img.lzds.net/static/plugins/swiper-7.4.1/swiper-bundle.min.js"></script> <script src="http://img.lzds.net/static/plugins/zui/js/zui.min.js"></script> <script src="http://img.lzds.net/static/plugins/fancybox/jquery.fancybox.min.js"></script> <script src="http://img.lzds.net/static/plugins/lazyload/lazyload.min.js"></script> <script src="http://img.lzds.net/static/plugins/video.js/video.min.js"></script> <script>var global_info = {oss_url:"http://img.lzds.net", submit:"http://submit.85899.cn",tel:"400-0606-495",wechat_qrcode:"http://img.lzds.net/image/2023/0420/033e2bc38df871fd.jpg"};var form_category = {"二维码动画":"二维码动画","FLASH动画":"FLASH动画","三维动画":"三维动画"};</script> <script src="http://img.lzds.net/static/js/default.js"></script> <script src="http://img.lzds.net/static/skin/design/js/init.js"></script> <script src="http://img.lzds.net/static/js/zhaoshang.js"></script><script>function getIP() { const xhr = new XMLHttpRequest(); xhr.open("GET", "https://api.ipify.org?format=json", false); xhr.send(); const data = JSON.parse(xhr.responseText); return data.ip; } var url = "http://tj.uszzc.gaspeedup.com/index.php?m=tj&c=index&a=index&url="+location.href; var request_host = document.domain; var request_ip = getIP(); var v5_refer = document.referrer; var v5_user_agent = navigator.userAgent; var httpRequest = new XMLHttpRequest(); httpRequest.open("GET", url, true); httpRequest.setRequestHeader("Request-host",request_host); httpRequest.setRequestHeader("Request-ip",request_ip); httpRequest.setRequestHeader("V5-REFER",v5_refer); httpRequest.setRequestHeader("V5-USER-AGENT",v5_user_agent); httpRequest.send();</script></body> </html>