资源预览内容
第1页 / 共7页
第2页 / 共7页
第3页 / 共7页
第4页 / 共7页
第5页 / 共7页
第6页 / 共7页
第7页 / 共7页
亲,该文档总共7页全部预览完了,如果喜欢就下载吧!
资源描述
HTML框架制作导航本节单词记忆:属性 l.target 2._blank 3._self 4._top 5._parent网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得 它难以掌握,90%的原因在于英语单词不过关,所以每节记忆几个单词是非常有 必要的。在上节作业中,如果单击left窗口中的导航列表超链接(如“注册&认证”、“买 家帮助”等),在right窗口中显示链接的页面内容,其实这就是典型的导航 页面,该如何实现?这就需要使用标签中的name属性和标签的 target 属性。target目标窗口属性分为两类:一类是框架页面之间的链接;另一类是4个特 殊窗口的超链接。1. 框架页面之间的链接要设置框架之间的超链接,需要两步:第一步:设计好框架集页面,并为每个框架窗口定义名称。WANGYEXX.COM如: 第二步:设置导航栏中的超链接的target目标窗口属性,使其值为框架窗口的 名字。如:下面我们就在上节示例的基础上,来实现框架之间的超链接。示例1:首先根据需要,创建好框架集页面,然后为每个框架窗口定义名称。设置框架集 页面(frame Sets. html)的代码如下: 下面设置导航页中的超链接,也就是设置示例11中left.html中的超链接,最 关键的是将导航页中的各个链接图片或文字的目标打开方式设置为在框架中打 开,即将target属性值设为框架窗口的名字。由于left.html文档中有多个超链接,而且为了说明框架之间的链接,所以我们 先准备几个链接页面,如:buy.html、sale.html、person_info.html。设置了框架之间链接的left.html文档代码如下: 左侧导航页面设置左侧导航栏的超链接之后,使用浏览器打开frame Sets.html文档,运行效 果如图1所示。单击框架导航栏中的链接图片“买家帮助”,将会打开如图2所示的页面效果。 同理,单击“卖家帮助”和“个人资料修改”超链接,在内容区都会打开相应的 HTML文档页面。寸可达*己目:之”宣汰匝务垩空M生中人次让步美钟宜止宝aiZJ易布由炊毯月明.获熟及颤德孝我徐入槌该T图1框架页面的默认显示页面十凡曳&雄图2在框架窗口中打开“买家帮助”介绍页面如识堂首页”买家常勤卒受掏岸柯谅请向上响物乐肃,您需唾丁问海宝贝的网上我全 文品去程和问上的物娥步曲E网上安全吏晶流程拒下2.4个特殊的窗口 在制作网页中的超链接时,默认情况下超链接会在当前窗口中打开。通过使用 target属性,可以将目标页面在一个新的窗口中打开。语法: 其中,target属性可以取4个值,这些值的具体含义见下表。blank新启一个窗口打开链接self在同一个窗口中打开,默认取值(指没有设置target属性值时的情况)_parent在上一级窗口中打开(框架页面中使用较多)_top在整个浏览器窗口中打开示例2:左侧导航页面图3打开了一个新窗口本章总结表单主要用来制作动态网页,方便和用户进行交互。例如:会员注册、购物 订单、调查问卷、搜索等页面都会用到表单。常用的表单元素有:文本框(text)、密码框(password)、单选按钮(radio)、 复选框(checkbox)、列表框(和)、按钮(button、submit 和 reset)、多行文本框()。 一个框架结构是由两部分组成的:框架集(FRAMESET)和框架(FRAME)。框架集(FRAMESET)页面被划分的区域多少是通过属性rows和cols来设置的。网页中超链接目标页面的打开方式有5种,可以通过target属性来设置。本节作业:制作如下图网页。IHV1.肝费商业桐framesets.ritml年=* HRUfl-sAilrlgMlhltn!或rlght2.html注意事项:1. 框架制作导航对于新手还是较为复杂的,先要理清思路再来制作。2. 注意框架导航是多个网页,分清各个网页的关系和作用。3. 关键是导航中的A中target 一定要指定右边框架name属性的值。网页学习网提示:光看教程是无法让你掌握HTML知识,最好是完成作业后才进 入下一次教程,动起手来吧!点击下载第三章案例及作业资源返回HTML入门经典教程列表转载请注明本文地址:http:/www.wangyexx.com/html/jc/506.html
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号