第2章 Web编程技术 知识 jsp课件.pptVIP

Mixed frameset[混合的框架] frameset rows=50%,50% frame src=frame_a.htm frameset cols=25%,75% frame src=frame_b.htm frame src=frame_c.htm /frameset /frameset Navigation frame[导航框架] frameset cols=120,* frame src=tryhtml_contents.htm frame src=frame_a.htm name=showframe /frameset title：用于设定链接点被选到时显示的标题。 onclick：对应于一个事件，当链接点被点击后将触发这个事件，执行对应的子程序。 onmouseover：与onclick类似，对应的事件在鼠标移到链接点上时被触发。 onmouseout：对应的事件在鼠标移出链接点后被触发。 a标签的应用技巧 1、提供下载文件 做一个超级链接，不过供下载的文件必须上传到网站上。例：有一个“网页技巧”的文件包供下载，文件名是“homepagejq.zip”且已上传到网站了，则这个链接的代码可以这样写：a href=homepagejq.zip点击这里下载“网页技巧”文件包/a。 2、在新窗口中打开链接的网页 设定“target”的值为“_blank”。例：新开窗口打开网页“aboutme.htm”。产生该效果的代码是：a href=aboutme.htm target=_blank关于我/a。 3、鼠标移到链接，显示一行说明文字 设定“title”参数值，即可获得这种效果。例：当鼠标移到“黄山”这个链接上时，显示说明“这是一个介绍网页制作技巧的专业网站”。这个链接的代码是这样的：a href=hscf.htm title=这是一个介绍网页制作技巧的专业网站黄山/a。 4、鼠标移到一个链接上弹出一个窗口 这是设定onmouseover参数获得的效果。例：当鼠标移到一个链接上，弹出一个窗口并在窗口中显示“鼠标悬停效果演示！”。这个链接的代码是这样的：a href=其它网页.htm onmouseover=alert(鼠标悬停效果演示！)链接/a。用类似的方法可以制作当鼠标按下后弹出提出示窗口、当鼠标离开时弹出提示窗口的效果。 链接到E_mail 点击一个超级链接后，将启动客户机上的电子邮件管理软件给你写信。例这行代码：a href=mailto:web@请给我写信/a。一旦你点击了“请给我写信”这个链接，将自动启动电子邮件管理软件（如OE）的写信功能，并已把邮件地址加在了收信人的地址栏里了。 列表 案例名称：使用有序列表 程序名称：2-06.htm HTML BODY 有序列表OL LI热爱祖国/LI LI热爱人民/LI /OL 无序列表UL LI热爱祖国/LI LI热爱党/LI /UL /BODY/HTML Unordered Lists[无序列表] 一个无序列表就是一列项目。每个项目都由一个标记所标识（一般就是小黑圈） 一个无序列表的开头是用ul标签。 每个项目的开始标签为li 在列表项目中你可以加入段落、回车符、图象、连接、以及另外的列表、等等 Ordered Lists[有序列表] 有序列表也是一列项目。每个项目前都有数字标记 有序列表的开始一标签是ol。每个项目的开始标签还是li ol liCoffee/li liMilk/li /ol 1.基本表格 TABLE是表格的基本标记。TR代表表格的行，TD代表表格的列。 案例名称：基本表格 程序名称：2-07.htm HTMLBODY TABLE BORDER=1 TR TD第一行第一列/TDTD第一行第二列/TD /TR TR TD第二行第一列/TDTD第二行第二列/TD /TR TR TD第三行第一列/TDTD第三行第二列/TD /TR /TABLE /BODY/HTML Headings in a Table[表格中的标题] 一个表格中的标题是由th 标签定义的。 大多数浏览器可以显示单元格不包含任何东西。 td/td 注意包围空单元格的边框消失了，为了避免这个的话就得添加一个空格符号来让这个边框显示出来： tdnbsp;/td 表格的灵活应用 案例名称：跨行和跨列 程序名称：2-08.htm HTMLBODY TABLE BORDER=1 TR TD ROWSPAN=2跨两行/TD TD COLSPAN=2跨两列/TD /TR TR TD1000/TD TD1000/TD