网页开发入门篇:HTML、XHTML、CSS与JavaScript入门经

  文库首页开发网页开发入门篇:HTML、XHTML、CSS与JavaScript入门经典

  网页开发入门篇:HTML、XHTML、CSS与JavaScript入门经典

  ?8FC?????通过学习本章,您将了解到如何创建网页的关键概念:如何定义结构。首先需要为文档添加一个结构(structure),从而Web浏览器能够为访问网站的用户以他们能够理解的方式提供网页。例如,设想一篇包含标题(或题目)和几段文本的新闻报道,如果希望将这篇新闻放置到Web上,就需要为文档中的单词添加结构,从而让浏览器知道哪些单词是标题,以及段落从何处开始到哪里结束。为了给文档添加结构,首先需要学习如何使用 HTML创建一个网页。或者更确切地说,本书主要介绍一种称之为 XHTML的特定的 HTML类型。 通过学习本章,您将能够掌握以下内容: ● 使用 XHTML创建一些示例网页。 ● 了解网页如何向Web浏览器描述它的结构。 ● 了解Web设计人员常用的几个关键术语的含义,如元素(element)、特性(attribute)、标签(tag)和标记(markup)。 通过学习本章,可以掌握构建一个网页所需的基本模块,并且将通过几个示例将这些模块付诸实践。 1.1 结构化文档组成的Web 在创建第一个网页之前,先花几分钟关注一下我们每天都会看到的打印文档,比较一下它和在Web上看到的有什么不同。每天,您都会接触到各种各样的打印文档,如报纸、列车时刻表、保险单。可以这样想象Web,它们是链接在一起的大量文档,这些文档和我们日常生活中碰到的那些文档极其相似。 作者每天早上都读报纸。一份报纸通常由几篇报道和文章(也许是一些广告)组成。每篇报道都有一个标题和一些段落,也可能还有副标题以及更多的段落,或许还有几张图片。 但是他从来不买日报,因为通常都在网上看新闻,新闻网站上文章的结构和报纸上的文章结构极其相似。每篇文章都是由标题,几段文本和几张图片组成,只不过有时候网站的图片会换成视频。两者非常相似,仅有的区别是在报纸上一页可能有几篇报道,而在Web上每篇报道都有自己的页面。新闻网站通常使用一个主页,显示所有报道的标题和简略摘要。 第 章 1 HTML、XHTML、CSS与 JavaScript入门经典 2例如:如果想乘坐火车去看望朋友,就需要查询列车时刻表,查看什么时候有去那里的火车。列车时刻表的主要部分是一张表格(table),上面写明了列车到达和离开各个车站的不同时间。可以想象到很多种使用表格的文档,从报纸财经增刊中的股票信息到电视节目播出列表,每天都能碰到大量包含信息的表格。这些信息通常会被放到Web上,并且在Web中重新创建这些表格。 另外一种常见的打印文档类型是表单(form)。例如,作者桌子上有正要寄回给保险公司的表单。这个表单包含一些字段,需要填写他的名字、地址、保险金额、还有一些复选框用于指定房子中房间的数目,以及前门上使用的是什么类型的锁。Web上也有很多表单,从询问希望查找内容的简单搜索框,到网上订购书籍或 CD前需要填写的注册表单。 如同所看到的,在Web上看到的网页,在结构上与每天都能够遇到的打印文档非常相似。当开始编写网页的时候,在本章将要开始学习的 XHTML代码,会通知Web浏览器所要展示的信息要如何结构化,包括哪些文字是标题,哪些文字放置在段落或者表格中等。然后Web浏览器才能够恰如其分地将网页显示给用户。 1.2 HTML和 XHTML简介 即使从来没有学习过 HTML(超文本标记语言,Hypertext Markup Language)代码,您可能也知道大部分网页是使用这种语言开发的。自从 Web 创建以来已经有很多种版本的HTML代码,并且在W3C(万维网联盟)组织的关注下不断发展。 HTML一个重要的新版本是1999年12月发布的HTML 4.01。2000年1月,在HTML4.01版中添加了一些更加严格的规则,形成了著名的 XHTML(可扩展超文本标记语言,Extensible Hypertext Markup Language),这一版本也是本书将着重介绍的。一般来说,在本书中看到的主要是 XHTML的术语。除非特别说明,这些规则同样适用于 HTML。 注意: 之所以使用这种更加严格的 XHTML语法,是因为相对于 HTML 4.01,XHTML具有更加广泛的应用价值。如果您感兴趣,14.3节将对 HTML 4和 XHTML 1.0之间的区别进行概括的介绍。14.4节对 HTML下一个版本 HTML 5的发展前景进行了简要介绍。 XHTML 是一种标记语言,听起来好像很复杂,其实您每天都能够遇到标记。当在文字处理程序中创建文档的时候,可以对文本添加样式以解释文档的结构。例如,可以使用标题样式(通常具有较大的字体)区分标题和文本主体,使用 Return(或 Enter)键开始一个新的段落。在文档中插入表格以放置数据,或者为一系列相关的点创建项目列表等。这些样式会影响文档的表现形式,但是这种标记的关键目的是提供一种结构,使文档更加容易理解。 当标记 Web文档时,实际上执行的是一个非常相似的过程,不同的是在 Web文本上添加的是标签。对于 XHTML,需要记住的关键内容是,添加标签以指明文档的结构(不是您所希望的表现形式)。例如,文档的哪一部分是标题,哪些部分是段落,哪些内容属于表格等。Internet Explorer

  网页开发入门篇:HTML、XHTML、CSS与JavaScript入门经典.pdf

相关阅读