习题2
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Page with Hyperlink</title>
<style>
body {
font-family: Arial, sans-serif;
}
.header {
background-color: #FF99CC;
text-align: center;
padding: 20px;
}
hr {
border: 0;
height: 5px;
background-color: #FF99CC;
}
.hyperlink {
font-family: 'Arial Black', sans-serif;
font-size: 60px;
color: #FFF;
text-decoration: none;
transition: color 0.3s ease;
}
.hyperlink:hover {
color: #FF00FF;
}
.hyperlink:active {
color: #FF00CC;
}
.hyperlink:visited {
color: #FFFFCC;
}
.footer {
color: #666;
text-align: center;
padding: 20px;
}
</style>
</head>
<body>
<div class="header">
WELCOME
</div>
<hr>
<a href=" " class="hyperlink">WELCOME</a >
<div class="footer">
</div>
</body>
</html>
运行结果:
习题3
运行代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>华为公司简介</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="banner">
< img src="hwbanner.png" alt="华为横幅">
</div>
<div class="content">
<h1 style="font-weight: bold; font-size: 24px;">华为公司简介</h1>
<p style="text-align: center; margin-right: auto; margin-left: auto;">
我们为世界带来为客户创造价值,推动产业合作发展。作为负责任的企业公司,华为致力于提供优质的服务,促进经济增长,推动社会可持续发展。
</p >
<h2 style="font-weight: bold; font-size: 20px;">我们坚持什么?</h2>
<p style="text-align: center;">
坚持以客户为中心,以奋斗者为本,长期投入,厚引源及。
</p >
<table>
<tr>
<th>HUAWEI</th>
<th>服务</th>
<th>服务</th>
<th>服务</th>
<th>服务</th>
</tr>
<tr>
<td>公司简介</td>
<td>
华为是全球领先的ICT(信息与通信)基础设施和智能终端提供商,致力于把数字世界带入每个人、每个家庭、每个组织,构建万物互联的智能世界。我们在通信网络、IT、智能终端和云服务等领域为客户提供有竞争力、安全可信赖的产品、解决方案与服务,与生态伙伴开放合作,持续为客户创造价值,释放个人潜能,丰富家庭生活,激发组织创新。<td>
<td>华为坚持围绕客户需求持续创新,加大基础研究投入,厚积薄发,推动世界进步。华为成立于1987年,是一家由员工持有全部股份的民营企业,目前有18万员工,业务遍及170多个国家和地区。<td>
<td>我们为世界带来了什么?
为客户创造价值。华为和运营商一起,在全球建设了1,500多张网络,帮助世界超过三分之一的人口实现联接。<td>
<td>华为携手合作伙伴,为政府及公共事业机构,金融、能源、交通、制造等企业客户,提供开放、灵活、安全的端管云协同ICT基础设施平台,推动行业数字化转型;为云服务客户提供稳定可靠、安全可信和可持续演进的云服务。<td>
<td>华为智能终端和智能手机,正在帮助人们享受高品质的数字工作、生活和娱乐体验。<td>
<td>推动产业良性发展。华为主张开放、合作、共赢,与客户合作伙伴及友商合作创新、扩大产业价值,形成健康良性的产业生态系统。<td>
<td>华为加入360多个标准组织、产业联盟和开源社区,积极参与和支持主流标准的制定、构建共赢的生态圈<td>
<td>我们面向云计算、NFV/SDN、5G等新兴热点领域,与产业伙伴分工协作,推动产业持续良性发展。<td>
<td>促进经济增长。华为不仅为所在国家带来直接的税收贡献,促进当地就业,形成产业链带动效应,更重要的是通过创新的ICT解决方案打造数字化引擎,推动各行各业数字化转型,促进经济增长,提升人们的生活质量与福祉。</td>
</tr>
<tr>
<td>我们为世界带来为客户创造价值,推动产业合作发展。作为负责任的企业公司,华为致力于提供优质的服务,促进经济增长,推动社会可持续发展。</td>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</table>
</div>
</body>
</html>
运行结果: