第二章网页制作的排版方法练习

最新推荐文章于 2024-09-27 15:52:57 发布

说谎的木偶

最新推荐文章于 2024-09-27 15:52:57 发布

阅读量156

点赞数 2

文章标签：前端 javascript 服务器

本文链接：https://blog.csdn.net/2301_82186449/article/details/142402733

版权

代码如下：

<!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>
			<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>

效果如下：

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>公司名片</h1>
		<hr size="2" color="#000000"/>
		< img src="img/s.jpg" width="380" height="390" align="right">
			<p>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;华为是全球领先的ICT(信息与通信)基础设施和智能终提供商，致力于把数字世界带入每个人、每个家庭、每个组织,构建万物互联的智能世界。我们在通信网络、IT、智能
			终端和云服务等领域为客户提供有竞争力、安全可信赖的产品、解决方案与服务,与生态伙伴开放合作,持续为客户创造价值，释放个人潜能,丰富家庭生活华为
			坚持围绕客户需求持续创新，加大基础研究投入，厚积薄发，推动世界进步。华为成立于1987年，是一家由员工持有全部股份的民营企业，目前有180万民工，业务遍及170多个国家和
地区。
<h2>我们为世界带来了什么</h2>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为客户创造价值，华为和运营商一起，在金球建设了1500多张网络，帮助世界超过三分之一的人口实现联接，华为携手合作伙伴，为政府及公共
			事业机构，金融、能源，交通、制遇设施平台，推动行业政字化转型;为云服务害户提供稳定可靠、安全可信和可持演进的云服推动产业良性发解，华为主张开放、会作、共原，与套户会作伙
			伴及友商合作所、我大产收价值，，形应的云计算。NFV/SDN、5G公号，华为电里要的是通过创新的1(T能决方案打语数字化引整，推动各行各业数字化转型，促进在63日号博村临区日本海建
			校泄漏，中国汶川大地震等重大灾难现场，都有华人的身影;帮助培养本地ICT人才，推动知识还移，提升人们对于ICT行业的了南方嘉，城海供了全球化发展平台，与世界对话的机会，使大量
			年经人有机会担当重任，快速成长,也使得十几万员工通过个人努力，收货了合理的回报与值得回味的人生经历。
			</p >
			<hr size="2" color="#000000"/>
		<h3>关注领域</h3>
			<ol type="1">
			<li>消除数字鸿沟</li>
			<li>保险网络安全稳定运行</li>
			<li>推进绿色环保</li>
			<li>构建和谐健康生态</li>
			</ul>
	</body>
</html>

效果如下：