01网页制作基础研究.ppt

一、 HTML概述 HTML即超级文本标识语言的缩写，自1990年问世后，到目前为止已经到第四版，现在的HTML 4.01和初出世的HTML有天壤之别，它已能在Web页面上随心所欲地放置图片和文字，在JavaScript，VBScript的辅助下还具有动态互动能力。 HTML语言作为一种“标志”语言。它通过夹在两个尖括号之间的标志字符串来控制文本、图像的显示方式及加于其上的动作。 二、 HTML的基本结构 1、HTML的元素与标签 HTML文档是由元素和内容组成的。其中，元素(Element)就是HTML语言中尖括号之间的标记，又叫标签(Tag)。 元素分为两大类：一类用于确定超文本在浏览器中显示的方式；另一类用于确定超文本在浏览器中显示的内容。元素在文本中具有如下格式： 元素名内容/元素名 　　注意 ： 每个元素都用“”和“”括起来，“”与元素名之间不能有空格或其它字符。 所有的元素都是成对出现的，在元素名前加符号“/”便是其结束标记，表示这种元素内容的结束。 元素名不用区分大小写。但在编写网页是最好保持元素的大小写一致，这样便于辨认，有利于减少编制网页中的错误。 对同一段要标记的内容，可以用多个元素来共同作用，产生一定的效果。此时各个元素间的顺序也是任意的。 　另外还有一种元素，不对文档中的某个部分起作用，只是用来提供给浏览器一种显示方式， 如hr就显示一条通栏水平线。 还有一些元素具有参数(Parameter)，这些参数一般精确地确定这种元素的显示方式，被称为该元素的属性(Properties)[演示:属性面板]。元素的属性的取值(Value)一般用双引号括起来，格式： 元素名 属性1=”属性值” 属性2=”属性值”… 内容/元素名 例如h1 align=”center”…/hl 2、HTML文档的结构 HTML文档的基本结构为： html head title网页标题/title /head body 网页内容 /body /html 3、 HTML文档的命名 当一个Web浏览器打开一个文件时，首先确定该文件的类型，然后再确定其打开方式。文件的后缀名就成为文件类型的标志。 HTML文档本身是一种文本文件，它的文件扩展名通常为“. html”和“. htm”标志，所以只要有文字编辑功能的工具都可以用来编辑或处理HTML文件。 拓展知识:静态、动态（文件后缀名为ASP ASPX PHP等 ） 4、HTML的注释 Web浏览器对“!--”和“--”之间的部分不予显示。一个优秀的网页应该有详尽的注释，能让别人看得懂页面源代码。 HTML的注释的功能除了注释外，还能用作屏蔽功能。网页制作者常利用!--……--来屏蔽掉不想让页面访问者看到但又必须放到网页里的部分，如嵌入到网页中的脚本，样式表等。 1、网页标题 其用法为：title网页的标题/title 该元素用于标记文档的标题，通常title……/title之间的文字会显示在浏览器的标题栏上。一般用简明扼要的文字概括该文档的主题，不超过64个ACSII码字符长度。因为过长的话，窗口的标题栏无法容纳。 2、isindex 该标签用于标志该文档为索引文件，即该文档可以使用关键字查询，该文档所在的服务器一定有用于该文档的搜索引擎。其用法为：isindex prompt=“text” href=“url” 3、base 该标签用于记录文档本身的统一资源地址(URL)，这在文档从原来的位置移到其他地方后特别有用。其用法为： base href=“url” 4、link 该标签用于标志某一文档和其他文档或者对象之间的相互关系。可能出现的关系有：“NEXT”、“PREVIOUS”和“HOME”等。其用法为： link rel=“relationship” href=“url” title=“title” style=“style” 5、meta 该标签用于为文档的特殊变量赋值，提供关于文档的信息，比如设置浏览器所使用的语言、创建日期、作者或者版权信息。这些变量将被加到由Web服务器发送到被浏览器使用的相关的域中。其用法： meta name=“keywords”content=“word1，word2，…”content=“fieldValue” 常用的有以下几种： （1）指定被搜索引擎作为索引的关键词。 用法：meta name=“keywords”co