1.用嵌套的列表制作“心语花店导航”
（1）代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>心语花店的列表导航</title>
</head>
<body>
<h2>全部商品导航</h2>
<ul type="square">
<li>鲜花用途</li>
<ul itemtype="circle">
<li>爱情鲜花</li>
<li>生日鲜花</li>
<li>婚庆鲜花</li>
<li>祝贺鲜花</li>
<ul typle="square">
<li>送恋人</li>
<li>送朋友</li>
<li>送客户</li>
</ul>
</ul>
<li>鲜花花材</li>
<ul type="circle">
<li>玫瑰花</li>
<li>康乃馨</li>
<li>百合花</li>
<li>向日葵</li>
<li>紫罗兰</li>
<li>满天星</li>
</ul>
<li>鲜花类别</li>
<ul typle="circle">
<li>日常花束</li>
<li>创意花盒</li>
<li>韩式花束</li>
<li>手提花蓝</li>
</ul>
</ul>
</body>
</html>
（2）运行结果
2.使用图文并排方式制作“公司名片”
（1）代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>公司名片</p>
<hr size="3"/>
<img src="img/微信图片_20240919232815.jpg" align="right"
width="200px" height="120px"/>
<pre>华为是全球领先的ICT（信息与通信）甚础设施和巴能格锁提供向，致力于把数产世界带入每个人，每个家照，每个组织，构建万物互联的智能世界。
我们在通信网络.正、智能你其和云服务够领域为真户提供有充争力，安全可值款的产品，
解决方家与服务，与生态伙伴开放合作，持续为喜户创造价值，轻放个人潜能，丰富家庭生活，
数没组织创新。华为国算高户需求持块创新，加大基础研克投入，厚积观发，推动世界进步。
华为成立于1987年，是一家由员工持有全部股份的民营企业，目前有18万品工，
业务遍及170多个国家和地区。</pre>
<p>他們中東了什么?</p>
<pre>
华力和运营两一超，在全以建设了1.5003张网格，指助世界超过三分之一的人口史现联授，
华为携手合作比伴：为政行及公共事业机构，盘融，改、交通，制造等企业察户
：提代开做，灵话，安全的前售云价同ICT飞EQ的平台，推动行业数字化转型；
为云服多實户线供热定可您，安全可何和可我续不进的云服S好。
华为危家终游和电能手机，正在标助人们系受意品的E工化.生活0的乐体维，
推动产业度性发风，华为主张开放、白作.共源，与照户合作伙件及友商合作的斯.
扩大产业价组，形成维质良性的产业生志系统，
我为加入360多个标推组织三业联MO开毒社区，R级会50女持主地标的M定_校建共引的生北团，我们面向云计算，NFVISON.5G铜新兴热总资域，与产业长伴分工协作，推动产业特续良性发服
</pre>
<hr size="3"/>
<p>关注领域</p>
<ol type="1">
<li>清楚数字鸿沟</li>
<li>保证网络安全稳定运行</li>
<li>推进绿色环保</li>
<li>构建和谐健康生态</li>
</ol>
</body>
</html>
（2） 运行结果
