1.用嵌套的列表制作“心语花店”导航栏。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>心语花店的列表导航</title>
</head>
<body>
<h1>全部商品导航</h1>
<ul type="disc">
<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>
<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/>
<h3 align="left">公司名片</h3 >
<hr/>
<img src="img/3.2.jpg"width="400PX"height="200PX"align="right">
<blockquote>
华为导全即领先作CT(信息与资信)基础设施和营经内辆提供商,数力于把数字世界砸入每个人,每个家庭,每个电织,构值万物互单的智播的界,我有清取网络、公,雪请何料和,
服务等须成为客户提供有完争力、安全可信助的产品,解决方案与服务,与生态伙保开族合作,持续为客户创法价置方物范期的展统界
项种国资毒产需求持软创新,加大基础研究投入,原积毒发,推动出界进步。华为成立于1987年,是一事自的工持有生部服的用代售企证,信机销售方脑工、业务业用管区。<br/>
<h3>为世界带来了什么?</h3>
为信户的动价值,华为和运营商一起,在全球建设了1.500多张网络,帮助世界超过三分之一的人口类民联操,华为携手合作伙件,为政府及公共事业机询,金鱼、理交通等企业售提供开放,
灵活、公室的消营运协司CT基记设施平台,推动行业数字化特型:为云服务客户提供确定可靠,安全可信和可类及运的证服务,车方营化的的,的、、、数手工作、生活化娱乐体验,推动产业品件发展,华为主流开放、合作、共服、与有产合作伙件及发商合作的事务,
扩大产业经置,形食件的产业生养和展手文技用物人口务营品咨的型开源社区、积股参与和支持主流标准的制定,构建共赢的生态程,我们面向云计算、NFV/SDN,5G国新式热点领域,
与产业伙件分工的作,推动产业持项费性发展,促性济,不所在国家带来直据的税收贡献,促进当地就业,形成产业链带动效应,更重要的星通过创新的ICT解决方营订造数字化引擎,
推动商行备业数字化转型,管进经济型长,提计人民的方品的的设,售品的公司持潢发服,方货测行的公安公线,40路力于闻全球数水地淘,在珠桂南坡和北极园内,在西非城域控疫区、
日本海啸核准服、中国汶川大地震临量大灾贿现场,都有华为人的身影:物活动色、饭装的环保理发,该产品理划、设计、及短、保产品和解决方案:华为未来种子”项目已公覆置108个国家和地区,
帮助塌养本地CT人才,推动总够,提升人们对于CT行业的了解初光趣,开勤励备国家及地区参与到建设监学化社区的工作中,
方公制的营询、审方主网手,以责任员歌来评价员工和透被干部,为员工提供了全球化发展平台,与世界对话的机会,使大量年轻人有机会担当重任,快速成长,也法得十几万员工通过个人的努力,收获了合港经划高与值库国骗的人生活经历。<br/>
</blockquote>
<hr/>
<h3>关注领域</h3><br/>
1.满时数字实<br />
2.保信网络安全稳定运疗<br />
3.换法绿色环保<br />
4.建康牛态<br />
</body>
</html>
效果图如下: