第四章--作业-CSDN博客

本文链接：https://blog.csdn.net/2302_80555711/article/details/142662269

作业一代码&运行结果

HTML代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link type="text/css" rel="stylesheet" href="css/index.css"/>
		<title>work1</title>
	</head>
	<body>
		<div id="a">
			<a id="b" href="http://www.baidu.com"">WELCOME</a>
		</div>
		<br /><br /><br />
		<hr size="5px" color="#ff99cc" />
	</body>
	<footer>
		<br/><br/><br/><br/>
		网页制作教程Copyright&copy;广东南方职业学院
	</footer>
</html>

CSS代码

#a{
	color: #fff;
	position: relative;
	height:200px;
	background-color: #ff99cc;
	font-family: "arial black";
	font-size: 60px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

footer{
	text-align:center;
}
	
#b{
	text-decoration: none;
}
#b:hover{
	color: #ff00ff;
}
#b:active{
	color: #ff00cc;
}
#b:visited{
	color: #ffffcc;
}

运行结果

作业二代码&运行结果

HTML代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link type="text/css" rel="stylesheet" href="css/work2.css"/>
		<title>work3</title>
	</head>
	<body>
		<img src="img/T.jpg" width="100%" />
		<div id="text">
		<h1 style="font-size: 64px;">公司简介</h1>
		<p id="text1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		华为是全球领先的ICT（信息与通信）基础设施和智能终端提供商，致力于把数字世界带入每个人、
		每个家庭、每个组织，构建万物互联的智能世界。我们在通信网络、IT、智能终端和云服务等领域为客户提供有竞争力、安全可信赖的产品、
		解决方案与服务，与生态伙伴开放合作，持续为客户创造价值，释放个人潜能，
		丰富家庭生活，激发组织创新。华为坚持围绕客户需求持续创新，加大基础研究投入，
		厚积薄发，推动世界进步。华为成立于1987年，是一家由员工持有全部股份的民营企业，
		目前有18万员工，业务遍及170多个国家和地区。</p>
		<h2 style="font-size: 32px;">我们为世界带来了什么？</h2>
		<p><span style="font-weight: 700;">为客户创造价值。</span>华为和运营商一起，在全球建设了1,500多张网络
		帮助世界超过三分之一的人口实现联接。华为携手合作伙伴，为政府及公共事业机构
		金融、能源、交通、制造等企业客户，提供开放、灵活、安全的端管云协同ICT基础设施平台
		推动行业数字化转型；为云服务客户提供稳定可靠、安全可信和可持续演进的云服务。华为智能终端和智能手机
		正在帮助人们享受高品质的数字工作、生活和娱乐体验。</p>
		<p><span style="font-weight: 700;">推动产业良性发展。</span>华为主张开放、合作、共赢
		与客户合作伙伴及友商合作创新、扩大产业价值，形成健康良性的产业生态系统。华为加入360多个标准组织
		产业联盟和开源社区，积极参与和支持主流标准的制定、构建共赢的生态圈。我们面向云计算
		NFV/SDN、5G等新兴热点领域，与产业伙伴分工协作，推动产业持续良性发展。</p>
		<p><span style="font-weight: 700;">促进经济增长。</span>华为不仅为所在国家带来直接的税收贡献
		促进当地就业，形成产业链带动效应，更重要的是通过创新的ICT解决方案打造数字化引擎
		推动各行各业数字化转型，促进经济增长，提升人们的生活质量与福祉。</p>
		<p><span style="font-weight: 700;">推动社会可持续发展。</span>作为负责任的企业公民
		华为致力于消除全球数字鸿沟，在珠峰南坡和北极圈内，在西非埃博拉疫区、日本海啸核泄漏
		中国汶川大地震等重大灾难现场，都有华为人的身影；推进绿色、低碳的环保理念，从产品规划、设计、研发、
		制造、交付以及运维，华为向客户提供领先的节能环保产品和解决方案；
		华为“未来种子”项目已经覆盖108个国家和地区，帮助培养本地ICT人才，推动知识迁移，
		提升人们对于ICT行业的了解和兴趣，并鼓励各国家及地区参与到建设数字化社区的工作中。</p>
		<p><span style="font-weight: 700;">为奋斗者提供舞台。</span>华为坚持“以奋斗者为本”，
		以责任贡献来评价员工和选拔干部，为员工提供了全球化发展平台、与世界对话的机会，
		使大量年轻人有机会担当重任，快速成长，也使得十几万员工通过个人的努力，
		收获了合理的回报与值得回味的人生经历。</p>
		<h2 style="font-size: 32px;">我们坚持什么？</h2>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		华为30年坚持聚焦在主航道，
		抵制一切诱惑；坚持不走捷径，
		拒绝机会主义，踏踏实实，长期投入，厚积薄发；坚持以客户为中心，以奋斗者为本，
		长期艰苦奋斗，坚持自我批判。</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		我们不会辜负时代慷慨赋予我们的历史性机遇，为构建万物互联的智能世界，一往无前。</p>
		</div>
	</body>
</html>

CSS代码

#text{
	position: absolute;
	width: 80%;
	right: 8.5%;
	margin-right: auto;
	margin-left: auto;
}

运行结果