2025年Web前端：“杭州华三通信技术有限公司”的主网站案例设计

科技前沿 • 2025-03-29 08:12 • 阅读 23

大家好，我是讯享网，很高兴认识大家。

题目要求

参考代码

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="author" content="huyiwei"> <meta name="generator" content="HBuilder X"></meta> <style type="text/css"> ul{ 
      float: right; padding-left: 20px; list-style-type: none; } li{ 
      float: left; margin: 0px 10px; width: 100px; } #div1{ 
      /* margin: 10px auto; */ background: hotpink; height: 50px; width: 1100px; } #div2{ 
      background: bisque; height: 700px; width: 1000px; padding: 50px; } #div3{ 
      background: skyblue; height: 80px; width: 730px; padding: 50px; } a{ 
      text-decoration: none; } a:link{ 
      color: black; } a:visited{ 
      color: green; } a:hover{ 
      color:blue } a:active{ 
      color: red; } #img1{ 
      padding-left: 10px; float: left; } #img2{ 
      padding-right: 20px; padding-bottom: 20px; height: 400px; width: 400px; } #img3{ 
      padding-bottom: 20px; height: 400px; width: 400px; } #p1{ 
      text-align:center; } .p{ 
      color: blue; } </style> </head> <body> <div id="div1"> <img src="图片/微信图片_011.png" alt="" id="img1"> <ul> <li><a href="#">产品技术</a></li> <li><a href="#">解决方案</a></li> <li><a href="#">服务支持</a></li> <li><a href="#">培训认证</a></li> <li><a href="#">合作伙伴</a></li> <li><a href="#">关于我们</a></li> </ul> </div> <div id="div2"> <img src="图片/微信图片_302.jpg" id="img2" /> <img src="图片/微信图片_004.jpg" id="img3"/> <div id = "div3"> <marquee behavior = "alternate" direction = "up" loop = "100" scrollamount = "5px"> <P class="p"> 云彩虹（Cloud Rainbow）的解决方案，可以实现在上、下级两级云资 源管理 平台的备份、资源弹性扩展与业务迁移分发，打破IT资源与业务只能 本地部署的 局部性，统一企业多级云资源的部署和管理，通过跨区域的备份 与迁移提升业务的 的连续性 为企业提供全局性的IT资源管理视角。 </P> </marquee> </div> <hr> <p id="p1"> 杭州华三通信技术有限公司.保留一切权力.浙ICP备0号 </p> <hr> </div> </body> </html>

讯享网

效果展示

在这里插入图片描述

2025年Web前端：“杭州华三通信技术有限公司”的主网站案例设计

相关推荐