1.用嵌套的列表制作"心语花店"导航栏
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>心语花店</title>
</head>
<body>
<h1>全部商品导航</h1>
<ul type="square">
<li>鲜花用途</li>
<ul type="circle">
<li>爱情鲜花</li>
<li>生日鲜花</li>
<li>友情鲜花</li>
<li>婚前鲜花</li>
<li>祝贺鲜花</li>
<ul type="square">
<li>送恋人</li>
<li>送朋友</li>
<li>送客户</li>
</ul>
</ul>
</ul>
<ul type="square">
<li>鲜花花材</li>
<ul type="circle">
<li>玫瑰花</li>
<li>康乃馨</li>
<li>百合花</li>
<li>向日葵</li>
<li>紫罗兰</li>
<li>满天星</li>
</ul>
<li>鲜花类别</li>
<ul type="circle">
<li>日常花束</li>
<li>创意花盒</li>
<li>韩式花束</li>
<li>手提花篮</li>
</ul>
</ul>
</body>
</html>
2.使用图文并排方式制作公司名片
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>公司名片</title>
</head>
<body>
<hr />
<h1 align="left">公司名片</h1>
<hr />
<img src="img/3.jpg" align="right"/ width="400" height="300"><br />
<div style="text-indent: 2em">华为是全球领先的ICT（信息与通信）基础设施和智能终端提供商，致力于把数字世界带入每个人、每个家庭、每个组织，构建万物互联的智能世界。我们在通信网络、IT、智能终端
和云服务等领域为喜户提供有竞争力、安全可信赖的产品、解决方案与服务，与生态伙伴开放合作，持续为客户创造价值，释放全人潜能，丰富家庭生活。激发组织创新。华为
坚持围绕客户需求持续创新，加大基础研究投入，厚积薄发，推动世界进步。华为成立于1987年，是一家由员工持有全部股份的民营企业，目前有18万员工，业务遍及170多个国家
和地区。</div>
<dt>我们为世界带来了什么？</dt>
<div style="text-indent: 2em">为客户创造价值。华为和运营商一起，在全球建设了1,500多张网络，帮助世界超过三分之一的人口实现联接。华为携手合作伙伴，为政府及公共事业机构，会融、能源、交通、制造等企业客户
提供开放、灵活、安全的端管云协同ICT基础设施平台，推动行业效字化转型；为云服务客户提供稳定可靠，安全可信相和可持须演进的云服务。华为智能终端和智能手机正在帮助人们享受高品质的
数字工作、生活和娱乐体验。推动产业良性发展。华为主张开放、合作，共赢，与客户，合作伙伴及友商合作创新扩大产业价值，形成健康良性的产业生态系统，华为加入360多个标准组织，产业联
盟和开源社区，积极参与和支持主流标准的制定、构建共赢的生态圈。我们面向云计算，NFV/SDN，5G等新兴热点领域，与产业伙伴分工协作，推动产业持续良性发展。促进经济增长。华为不仅为
所在国家带来直接的税收贡献，促进当地就业，形成产业链带动效应，更重要的是通过创新的ICT解决方案打造数字化引擎，推动各行各数数字化转型，促进经济增长，提升人们的生活质量与福祉。
推动社会可持续发展。作为负责任的企业公民，华为致力于消除全球数字鸿沟，在珠峰南坡和北极圈内，在西非埃博拉疫区、日本海啸核泄漏、中国汶川大地震等重大灾难现场，都有华为人的身影；
推进绿色、低碳的环保理念，从产品规划、设计、研发、制造、交付以及运维，华为向客户提供领先的节能环保产品和解决方案；华为“未来种子”项目已经重盖108个国家和地区，帮助培养本地ICT
人才，推动知识迁移，提升人们对于1CT行业的了解和兴趣，并鼓励各国家及地区参与到建设数字化社区的工作中。为奋斗者提供舞台。华为坚持“以奋斗者为本”，以责任贡献来评价员工和选拔干部，
为员工提供了全球化发展平台。与世界对话的机会，使大量年经人有机会担当重任，快速成长，也使得十几万员工通过个人的努力，收获了合理的回报与值得回味的人生经历。</div>
<hr />
<h3 align="lift">关注领域</h3>
<ol type="1">
<li>消除数字鸿沟</li>
<li>保障网络安全卷定运行</li>
<li>推进绿色环保</li>
<li>构建和谐健康生态</li>
</ol>
</body>
</html>
扫一扫
1939
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
