第二章课后习题

最新推荐文章于 2024-09-30 15:42:36 发布

2301_80792856

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量212

点赞数 3

文章标签：前端服务器 html 开发语言

本文链接：https://blog.csdn.net/2301_80792856/article/details/142393532

版权

1.用嵌套的列表制作“心语花店”导航栏

完整代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>心语花店的列表导航</title>
	</head>
	<body>
		<h2>全部商品导航</h2>
		<ul>
			<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/>
		<h5>公司名片</h5>
		<hr/>
		<img src="img/gongsi.jpg"width="300"height="200" align="right"/>
		<p>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;华为技术有限公司，1987年由任正非创立，总部位于广东省深圳市龙岗区 [434]。华为是全球领先的信息与通信技术（ICT）解决方案供应商 [12]，专注于ICT领域，坚持稳健经营、持续创新、开放合作，在电信运营商、企业、终端和云计算等领域构筑了端到端的解决方案优势，为运营商客户、企业客户和消费者提供有竞争力的ICT解决方案、产品和服务，并致力于实现未来信息社会，构建更美好的全连接世界。
		</p>
		<h5>我们为世界带来了什么</h5>
		<blockquote>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为客户创造价值。华为和运营商一起，在全球建设了1,500多张网络，帮助世界超过三分之一的人口实现联接。华为和企业客户一起，以开放的云计算和敏捷的企业网络，助力平安城市、金融、交通、能源等领域实现高效运营和敏捷创新。华为智能终端和智能手
机，正在帮助人们享受高品质的数字工作、生活和娱乐体验。 华为致力于把数字世界带入每个人、每个家庭、每个组织，构建万物互联的智能世界：让无处不在的联接，成为人人平等的权利，成为智能世界的前提和基础；为世界提供多样性算力，让云无处不在，让智能无所不及；所有的行业和组织，因强大的数字平台而变得敏捷、高效、生机勃勃；通过AI重新定义体验，让消费者在家居、出行、办公、影音娱乐、运动健康等全场景获得极致的个性化智慧体验。
		</blockquote>
		<hr />
		<h5>关注领域</h5>
		<ol>
			<li>消除数字鸿沟</li>
			<li>保障网络安全稳定运行</li>
			<li>推进绿色安全</li>
			<li>构建和谐健康生态</li>
		</ol>
	</body>
</html>

结果