2.1 HTML概述.ppt

　　例如，在上面的代码中选择框架(select)中放的是left.html，因而，必须在left.html页面中指定其输出的目标框架为display，以及超链接的内容。left.html文件的内容如下：　　HTMLHEAD　　BASE TARGET=display　　/HEAD　　BODY 　　P1. A HREF=WEB.HTMLWeb简介/A/P　　P2. A HREF=HTML0.HTMLHTML概述/A/P　　/BODY/HTML　　当浏览者浏览页面时，如果用鼠标点击left.html页面中的超链接(例如，“1. Web简介”)时，其输出就会显示在名为display的框架中。 　　[例2.18] 框架之间的超链接关系示例，框架集文件名CH2-18.html。及之相关的文件有topic.html、left.html、right.html、web.html、html0.html等。下面是CH2-18.html文件的代码。　　HTMLHEADTITLE框架间的超级链接关系/TITLE/HEAD　　FRAMESET ROWS=18%,82%　　FRAME SRC=topic.html　　FRAMESET COLS=25%,75%　　FRAME NAME=select SRC=left.html　　FRAME NAME=display SRC=right.html MARGINWIDTH=20　　/FRAMESET　　/HTML 　　这段代码首先用FRAMESET ROWS=18%,82%标记将浏览器窗口分为上、下两部分，并在上部子窗口中放置topic.html的内容。然后再用一个FRAMESET COLS=25%,75%标记将下部子窗口分为左、右两部分，对这两个子窗口分别用FRAME NAME=select SRC=left.html和FRAME NAME=display SRC=right.html MARGINWIDTH=20两句指定了窗口的名称和要显示的内容等。其中，select窗口中显示的left.html文件的内容如下： 　　HTMLHEADBASE TARGET=display/HEAD　　BODY BGCOLOR=#A0C0A0　　FONT COLOR=WHITE SIZE=4　　P1. A HREF=web.htmlWeb简介/A/P　　P2. A HREF=html0.htmlHTML概述/A/P　　P3. A HREF=CH2-1.htmlHTML语法/A/P　　P4. A HREF=CH2-2.html字体标记/A/P/FONT　　/BODY/HTML 　　可以看出，这段代码的关键一句是BASE TARGET=display，它指出了从该窗口中选择的超链接将在右窗口(即display窗口)中显示。　　在浏览器中点击CH2-18.html文件后的情况如图2.20所示。在这个界面上点击“1. Web简介”后的情况如图2.21所示。 　　 图2.20 框架间的链接关系(CH2-18.html的运行效果) 　　 图2.21 框架间的链接关系(在上述窗口中点击“1. Web简介”后的情况) 2.7.5 NOFRAMES标记　　对于不支持框架的浏览器，可以使用NOFRAMES……/NOFRAMES来设置浏览器的显示内容，支持框架的浏览器将忽略这之间的内容。即NOFRAMES……/NOFRAMES中的内容显示在不支持框架的浏览器窗口中，以便使不支持框架的浏览器的用户也能阅读某些网页的内容。 　　　　CSS(Cascading Style Sheets)，中文翻译为层叠样式表单，简称样式单，是近几年才发展起来的新技术，1998年CSSlevel2才成为W3C的标准。CSS是一组用来装饰HTML的标记集合的样式，样式中的属性在HTML元素中依次出现，并显示在浏览器中。简言之，HTML是一种标记语言，而CSS是这种标记的一种扩展，可以弥补HTML对网页格式化功能的不足，进一步美化页面。 2.8 CSS 样 式 2.6.2 INPUT标记　　INPUT标记是让用户通过在表单上放置各种控件输入各种不同信息的标记。INPUT标记的一般格式如下：　　INPUT TYPE=控件类型 NAME=数据对象名称……　　INPUT标记有许多属性，其中两个最为重要的属性是TYPE和NAME。TYPE属性指出表单上出现的控件的类型，控件类型可以是text(文本框)、password(口令)、checkbox(复选框)、radio(单选按钮)、image(图像)、submit(提交按钮)、reset(重置按钮)或hidden(隐藏)。NAME属性指出供服务器端的表单处