网络实验_网页2研讨.ppt

计算机网络实验;第三部分 网页建立与维护; 如何建立个人网站 HTML语言基本知识 JavaScript脚本语言; HTML（超文本标记语言）是一种描述文档结构的标注语言，它使用一些约定的标记对WWW上的各种信息进行标注。当用户浏览WWW上的信息时，浏览器会自动解释这些标记的含义，并按照一定的格式在屏幕上显示这些被标记的文件。HTML的优点是其跨平台性。即任何可以运行浏览器的计算机都能阅读并显示HTML文件，不管其操作系统是什么，并且显示结果相同。 HTML文件是标准的ASCII文件，且其后缀名为htm或html的文件。HTML文件看起来象是加入了许多被称为链接签（tag）的特殊字符串的普通文本文件。从结构上讲，HTML文件由元素（element）组成，组成HTML文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”， 即它有起始标记和结尾标记。元素的起始标记叫做起始链接签（start tag），元素结束标记叫做结尾链接签（end tag），在起始链接签和结尾链接签中间的部分是元素体。 每一个元素都有名称和可选择的属性，元素的名称和属性都在起始链接签内标明。 ;HTML文件举例，它在浏览器中显示的结果如下图所示 ; TITLE标记用来给网页命名，网页的名称写在TITLE与/TITLE标记之间，显示在浏览器的标题栏中。例如，在上图所示的浏览器页面中，其标题栏所显示的“陕西师范大学”是在HTML文件中的由TITLE陕西师范大学/TITLE所定义的。;HTML HEAD TITLE陕西师范大学/TITLE /HEAD BODY h1这是一HTML的测试文 /h1 h2这是一HTML的测试文 /h2 h3这是一HTML的测试文 /h3 h4这是一HTML的测试文 /h4 h5这是一HTML的测试文 /h5 h6这是一HTML的测试文 /h6 /BODY /HTML;3．预格式化文本标记pre;Pre使用对比;4．BR和P标记;实例;6．FONT标记;颜色; 超文本链接指针是HTML最吸引人的优点之一，可以这样说，如果没有超文本链接指针，就没有万维网。使用超文本链接指针可以使顺序存放的文件具有一定程度上随机访问的能力，这更加符合人类的踊跃思维方式。超文本链接指针是指把并不连续的两段文字或两个文件联系起来。 ;2． 建立一个链接;（2）同一个文件中的链接 超链可以指向自己的计算机中的某一个文件，这种链接方式叫做本地链接。前面曾提到过一个超文本链接指针包括两个部分，一个指向目标的链接指针，另一个是被指向的目标。 标识一个目标的方法为： A NAME=KKK…….／A NAME属性将放置该标记的地方标记为“KKK”，KKK是一个全文唯一的标记串，A和?/A之间的内容可有可无。这样，就把放置标记的地方做了一个叫做“KKK”的标记（相当于在Word中的定义“书签”）。做好标记后，可以用下列方法来指向它。 a href = #KKK转向下一处 /a 这时就可以点击“转向下一处”这段文字，浏览器就从标记名为KKK的部分开始显示此HTML文件的内容了。;(四） 在HTML文件中使用图像;HTML HEAD TITLE测试页/TITLE /HEAD BODY IMG alt=大雁塔 src=dayanta.jpg IMG alt=大雁塔 src=dayanta.jpg border=8 IMG alt=大雁塔 src=dayanta.jpg height=150 width=150 /BODY /HTML;2．在HTML文件中利用图像建立链接;（五） 框架结构的使用; 框架结构标记可以嵌套，用以实现大框架中的小框架。它主要有两个属性：ROWS和COLS，它们可以将浏览器页面分为N行M列，当然也可以各自独立使用。下面来看一个框架结构的例子。如下图，其HTML源文件如下所示。 ; frame标记有以下主要属性： SRC属性 指定框架单元的URL源，如第6行中指出的是当前主机当前目录下的“1.htm”文件。即在此框中显示“1.htm”的内容。 NAME属性 为该框架单元起个标识名，主要用来为将来改变框架内容提供入口。 SCROLLING属性 设置框架是否使用滚动务。有YES、NO和AUTO三个值，分别表示强制使用滚动条，禁止使用滚动条和自动判断使用滚动条。;（六） 表单的应用; 表单就是为Inte