1.用嵌套的列表制作"心语花店"导航栏。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>心语花店的列表导航</title>
<style>
body {
font-family: Arial, sans-serif;
}
ul {
list-style-type: disc;
padding-left: 20px;
}
.submenu {
list-style-type: circle;
padding-left: 20px;
}
.black-dot-submenu {
list-style-type: disc;
padding-left: 40px;
}
</style>
</head>
<body>
<h1>全部商品导航</h1>
<ul>
<li><strong>鲜花用途</strong>
<ul class="submenu">
<li>爱情鲜花</li>
<li>生日鲜花</li>
<li>友谊鲜花</li>
<li>婚庆鲜花</li>
<ul class="black-dot-submenu">
<li>送恋人</li>
<li>送朋友</li>
<li>送客户</li>
</ul>
</ul>
</li>
<li><strong>鲜花花材</strong>
<ul class="submenu">
<li>玫瑰花</li>
<li>康乃馨</li>
<li>百合花</li>
<li>向日葵</li>
<li>紫罗兰</li>
<li>满天星</li>
</ul>
</li>
<li><strong>鲜花类别</strong>
<ul class="submenu">
<li>日常花束</li>
<li>创意花盒</li>
<li>韩式花束</li>
<li>手提花篮</li>
</ul>
</li>
</ul>
</body>
</html>
2.使用图文并排方式制作"公司名片"。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>公司名片</title>
</head>
<body>
<hr color="#000000"/>
<h3>公司名片</h3>
<hr color="#000000"/>
<img src="img/习题图.jpg" align="right" width="410px" height="220px"/>
<p>
华为基全球领先的(CT(值息与通信)基础设施和营能控销售供商,致力于把数字世界带入每个人、每个家庭，每个组织、构建万物互联的智能世界，我们在通信网吧、1T、富结动和元服多等领编为断户提供有充争力、安全可能品的产品、解决方案与服务，与生态伙伴开放合作，持设为客户创造价值,预这个人潜的,事和都庭生活，最政想的的城，华为
和地区。 坚持围资客户需求持或创新，加大基础研究投入，摩积爆发，推动世界进步，华为成立于1987年,是一家由员工持有全部股份的民营企业，目前有18万员工，业务遍及170多个国家和地区。
</p >
<h3>我们给世界带来了什么？</h3>
<blockquote>
为民户的造价值，华为和运言两一起，在全球建设了1,500多张网络，帮助世界超过三分之一的人口安现联授、华为博手合作伙伴,为政后及公共事业机构,金融、解源、交通、制造企提供开放、灵活、安全的黄营云协同ICT基础设施平台，推动行业数字化转型;为云服务客户提供稳定可靠，安全可信和可持续演进的云服务。华为智能终输和智能手机，正在帮动,人们享受高数字工作、生活和娱乐体验。推动产业良性发展，华为主张开放、合作、共康，与客户合作伙伴及友商合作的新、扩大产业价值，形成健康良性的产业生志系统，华为加入360多个标准组织盟和开源社区，报参与和支持主流标准的制走，构建共赢的生态同，我们面向云计算、NFV/SDN、56等新兴热点领域，与产业伙伴分工协作，推动产业持续良性发展。促进经济潜长。华所在国家带来直接的税收贡献，促进当地就业，形成产业地带动效应，更重要的是通过创新的ICT解决方書打造数字化引罩，推动各行各业数字化转型，促进经济唱长,提升人们的生活质量。力于尚险全球数字鸡沟，在东经南坡和北极国内，在西非埃博拉疫区、日本海建校泄漏、中国汶川大地唐等重大文降现场，都有华为人的身影:德进绿色，低碳的环保理念，从产品规划、设保产品和标失方器;华为“朱来种子”项目已经慢盘108个国家和地区，帮助培苏本地ICT人才，推动知识迁称，提升人们对于1CT行业的了解和兴趣，并数励各国家及地区参与到建设数字4本”，以妻任贡航来评价员工和选拔干部，为员工提供了全球化发展平台。与世界对话的机会，使大量年经人有机会担当重任,快速成长，也使得十几万员工通过个人的努力,收民了会
</blockquote>
<hr color="#000000"/>
<h3>关注领域</h3>
<ol>
<li>消除数字鸿沟</li>
<li>保险网络安全稳定运行</li>
<li>推进绿色环保</li>
<li>构建和谐建刚生态</li>
</ol>
</body>
</html>
扫一扫
424
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
