1.使用 HBuilder编写符合以下要求的文档：在浏览器窗口中显示超链接文字“WELCOME”。其中上边div的背景颜色为#FF99CC，文字居中显示；水平分割线粗细为5，颜色为#FF99CC；超链接文字的字体为“arial black”，字号为60px，颜色为#FFF，无下划线；当鼠标滑过文字变为#FF00FF；当鼠标按下文字变为#FF00CC；访问过后连接文字变为#FFFFCC。脚部文字颜色为#666。CSS样式采用内部样式表。
浏览效果如下：
超链接文字颜色
当鼠标滑过超链接文字
当鼠标按下超链接文字
实例代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>WELCOME</title>
<style type="text/css">
/*超链接文字、字号、无下划线*/
p{
font-family: arial black;
font-size: 60px;
align:center;
text-decoration: none;
}
/*设置div的背景颜色*/
div{
width: 100%;
height: 80px;
background-color: #FF99CC;
text-align: center;
line-height: 130px;
}
footer{
text-align: center;
padding: 20px;
font-size: 5px;
color: #666;
}
/*设置水平线粗细、颜色*/
.l1{
width: 100%;
color: #FF99CC;
size: 2px;
}
#jiaobu{
color: #666;
}
/*注：a：hover必须位于a:link和a:visited ，才有效；a:active必须位于a:hover之后才有效！*/
a:link{color: #FFF;text-decoration: none;}/* 超链接*/
a:visited{color: #FFFFCC;}/*设置访问后的超链接样式*/
a:hover{color: #FF00FF;}/*设置将鼠标悬浮在连接上的样式*/
a:active{color: #FF00CC;}/*设置鼠标点击链接时到鼠标松开时的样式*/
</style>
</head>
<body>
<div>
<a href="http://www.baidu.com" >WELCOME</a>
</div>
<hr/>
<footer id="jiaobu">网页制作教程Copyright©广东职业学院</footer>
</body>
</html>2.使用HBuilder编写符合以下要求的文档：使用所给素材文件夹中的hwbanner.png和文字。网页采用链接外部样式表的方式。内容部分的div宽度设置为居中(margin-right：auto:margin-left: auto；)。根据网页效果，使用h1，h2，设置标题。“为客户创造价值”等语句，使用内联样式，加粗，加大。
浏览效果如下：
示例代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HUAWEI</title>
<link rel="stylesheet" href="css/123-2.css" type="text/css"/>
<style>
.neilian{
font-size:18px;
font-weight: bold;
}
</style>
</head>
<body>
<img src="img/123.2.jpg" sizes="100%"/>
<h1 style="text-indent: 160px;">公司简介</h1>
<div>
<p>华为是全球领先的ICT（信息与通信）基础设施和智能终端提供商，
致力于把数字世界带入每个人、每个家庭、每个组织，构建万物互联的智能世界。
我们在通信网络、IT、智能终端和云服务等领域为客户提供有竞争力、安全可信赖的产品、解决方案与服务，
与生态伙伴开放合作，持续为客户创造价值，释放个人潜能，丰富家庭生活，激发组织创新。
华为坚持围绕客户需求持续创新，加大基础研究投入，厚积薄发，推动世界进步。
华为成立于1987年，是一家由员工持有全部股份的民营企业，目前有18万员工，业务遍及170多个国家和地区。
</p>
</div>
<h2 style="text-indent: 160px;">我们为世界带来了什么？</h2>
<div>
<p>
<span class="neilian"> 为客户创造价值。</span>
华为和运营商一起，
在全球建设了1,500多张网络，帮助世界超过三分之一的人口实现联接。
华为携手合作伙伴，为政府及公共事业机构，
金融、能源、交通、制造等企业客户，提供开放、灵活、安全的端管云协同ICT基础设施平台，
推动行业数字化转型；为云服务客户提供稳定可靠、安全可信和可持续演进的云服务。
华为智能终端和智能手机，正在帮助人们享受高品质的数字工作、生活和娱乐体验。</p>
</div>
<div>
<p>
<span class="neilian"> 推动产业良性发展。</span>
华为主张开放、合作、共赢，与客户合作伙伴及友商合作创新、扩大产业价值，
形成健康良性的产业生态系统。华为加入360多个标准组织、产业联盟和开源社区，
积极参与和支持主流标准的制定、构建共赢的生态圈。
我们面向云计算、NFV/SDN、5G等新兴热点领域，与产业伙伴分工协作，推动产业持续良性发展。
</p>
<p>
<span class="neilian"> 促进经济增长。</span>
华为不仅为所在国家带来直接的税收贡献，促进当地就业，形成产业链带动效应，
更重要的是通过创新的ICT解决方案打造数字化引擎，推动各行各业数字化转型，
促进经济增长，提升人们的生活质量与福祉。
</p>
<p>
<span class="neilian"> 推动社会可持续发展.</span>
作为负责任的企业公民，华为致力于消除全球数字鸿沟，在珠峰南坡和北极圈内，
在西非埃博拉疫区、日本海啸核泄漏、中国汶川大地震等重大灾难现场，都有华为人的身影；
推进绿色、低碳的环保理念，从产品规划、设计、研发、制造、交付以及运维，
华为向客户提供领先的节能环保产品和解决方案；
华为“未来种子”项目已经覆盖108个国家和地区，帮助培养本地ICT人才，
推动知识迁移，提升人们对于ICT行业的了解和兴趣，
并鼓励各国家及地区参与到建设数字化社区的工作中。
</p>
<p>
<span class="neilian"> 为奋斗者提供舞台。</span>
华为坚持“以奋斗者为本”，以责任贡献来评价员工和选拔干部，
为员工提供了全球化发展平台、与世界对话的机会，
使大量年轻人有机会担当重任，快速成长，也使得十几万员工通过个人的努力，
收获了合理的回报与值得回味的人生经历。
</p>
</div>
<h2 style="text-indent: 160px;">我们坚持什么？</h2>
<div>
<p>
华为30年坚持聚焦在主航道，抵制一切诱惑；坚持不走捷径，拒绝机会主义，
踏踏实实，长期投入，厚积薄发；
坚持以客户为中心，以奋斗者为本，长期艰苦奋斗，坚持自我批判。
</p>
<p>
我们不会辜负时代慷慨赋予我们的历史性机遇，为构建万物互联的智能世界，一往无前。
</p>
</div>
</body>
</html>CSS文件代码：
/*内容部分div的设置*/
div{
margin-right: auto;
margin-left: auto;
text-indent: 20px;
padding-left: 150px;
padding-right:150px ;
}
扫一扫
167
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
