HTML5从入门到精通 (第2版)
上QQ阅读APP看书,第一时间看更新

2.7 实例演练——创建基本的HTML网页

【例2.4】本节中创建一个基本的HTML网页,在这个HTML网页中完成对明日科技公司的简介。(实例位置:光盘\TM\sl\2\4)

具体步骤如下。

(1)创建一个html文件,将其命名为slyl.html。

(2)在<title>…</title>标签中定义文件的标题为“明日科技公司简介”。

(3)在页面的主题标记内,设置页面的背景图片、文字的颜色设置成黑色,上边距、左右边距都设置成10像素。其实现的代码如下。

        <body background="images/1.png" text="#333333" topmargin="10" leftmargin="10" rightmargin="10">
        吉林省明日科技有限公司是一家以计算机软件技术为核心的高科技型企业,公司创建于2000年12月,是专业的
        应用软件开发商和服务提供商。多年来始终致力于行业管理软件开发、数字化出版物开发制作、计算机网络系统
        综合应用、行业电子商务网站开发等领域,涉及生产、管理、控制、仓贮、物流、营销、服务等行业。公司拥有
        软件开发和项目实施方面的资深专家和学习型技术团队,公司的开发团队不仅是开拓进取的技术实践者,更致力
        于成为技术的普及和传播者,并以软件工程为指导思想建立了软件研发和销售服务体系。公司基于长期研发投入
        和丰富的行业经验,本着“让客户轻松工作,同客户共同成功”的奋斗目标,努力发挥“专业、易用、高效 ” 的
        产品优势,竭诚为广大用户提供优质的产品和服务。<br/><br/> 

        企业宗旨:为企业服务,打造企业智能管理平台,改善企业的管理与运作过程,提高企业效率,降低管理成本,
        增强企业核心竞争力。为企业快速发展提供源动力。<br/><br/>

        企业精神:博学、创新、求实、笃行<br/><br/>
        公司理念:以高新技术为依托,战略性地开发具有巨大市场潜力的高价值的产品。<br/><br/>
        公司远景:成为拥有核心技术和核心产品的高科技公司,在某些领域具有领先的市场地位。<br/><br/>
        核心价值观:永葆创业激情、每一天都在进步、容忍失败,鼓励创新、充分信任、平等交流。
        </body>

(4)通过CSS样式的style标记,去除重复的背景图。其实现的代码如下。

        <style type="text/css">
        body{background-repeat:no-repeat}
        </style>

本例的运行效果如图2.22所示。

图2.22 明日科技公司简介