您好,欢迎访问三七文档
当前位置:首页 > 建筑/环境 > 工程监理 > 第五章 框架结构的使用
刘文铭Email:hanpang8983@foxmail.comQQ:83604162Tel:15568572301每天我们都在成长!了解框架的基本概念掌握创建简单框架集合的方法掌握frameset的基本属性掌握frame的基本属性学习使用iframe浮动框架掌握创建框架链接的方法独立完成网页导航的基本功能2每天我们都在成长!框架是浏览窗口的一个区域,它可以显示与浏览窗口的其余部分中所显示的内容无关的HTML页面。框架结构式将两个或两个以上的网页组合起来,在同一个窗口打开的网页结构。框架把一个网页分成几个单独的区域,每个区域为单独的一个HTML文件。框架最常见的用途是导航。3每天我们都在成长!框架页面结构是在框架集中设置的,可以根据框架的分割方式分为水平分割、垂直分割和嵌套分割水平分割窗口rows语法格式:framesetrows=“高度,高度,…”…/frameset4每天我们都在成长!在框架集合标签之间加框架标签frameframesrc=“”name=“”垂直分割窗口cols语法格式:framesetcols=“宽度,宽度,…”…/frameset5每天我们都在成长!HTML可以实现嵌套分割窗口,即在一个页面中既有水平分割的框架又有垂直分割的框架framesetrows=“高度”frameframesetcols=“宽度,宽度”frameframe/frameset/frameset6每天我们都在成长!frameset的基本属性frameborder属性框架的边框是否显示默认情况带有边框,该属性的取值为1,0或yes,no分别对应是否显示边框framespacing属性框架的边框宽度即各个框架之间的线条宽度,单位是像素bordercolor属性框架的边框颜色可以设置框架之间线条的颜色7每天我们都在成长!frame用来定义每一个单独的框架页面,框架页面的属性设置都在该标签中进行src属性页面源文件地址页面的源文件可以是一个网页文件,也可以是一张图片。name属性页面名称页面名称便于链接时查找框架所提供的一个属性,名称中不允许包含特殊字符和空格8每天我们都在成长!noresize属性禁止调整窗口大小尺寸每个框架的边框在默认情况下是可以拖拽调整,该属性可以禁止用户修改尺寸marginwidth和marginheight属性该属性用来调整边框与页面内容的水平边距和垂直边距scrolling属性框架滚动条显示该属性取值包括yes,no,auto三种,yes将永远显示,no永不显示,auto根据内容多少来自动调整是否显示9每天我们都在成长!noframes标签不支持框架显示如果遇到不支持框架显示的浏览器,或者用户关闭了框架显示的功能,此时就需要该标签来代替显示的内容语法格式:noframes替换显示的内容/noframes10每天我们都在成长!浮动框架是一种较为特殊的框架,它是在浏览器窗口中嵌套的子窗口。iframe框架可以完全由我们定义宽度和高度,并且可以放置在网页的任何一个位置,这大大地扩大了框架页面的应用范围。11每天我们都在成长!个人简介页面将页面分为三部分,上部分为标题页,左部分为菜单页,中间为主页左部分菜单页有超链接,内容包括姓名,年龄,性别,院校中间主页显示内容12每天我们都在成长!src属性页面源文件地址width和height属性设置浮动框架的宽和高align属性浮动框架的对齐方式frameborder属性设置浮动框架的边框显示当取值为0和no时不显示边框,取值为1和yes是显示边框scrolling属性设置浮动框架的显示属性取值为yes,no,auto13每天我们都在成长!创建框架网页的目的就是为了更好的对网页内容进行导航和链接,设置框架链接就要利用到a中的target属性target属性用于设置将要显示页面内容的框架名称。浮动框架与普通框架创建链接的设置方法相一致14每天我们都在成长!目标窗口设置的属性值15属性值含义_self在当前页面中打开链接_blank在新窗口中打开链接_top在顶层框架中打开连接_parent在当前框架的上一层打开链接每天我们都在成长!将左边菜单页链接和中间主页关联根据左边不同的链接中间主页进行相应的变化16每天我们都在成长!本章我们学习了框架的基本概念掌握了基本的框架用法掌握了frameset的基本属性掌握了frame的基本属性学会使用iframe浮动框架独立制作基本的网站导航功能17每天我们都在成长!将上次作业的个人简历制作成个人网站的形式要求使用网站的导航的形式,展示简历上的各种信息各组组长收齐自己组的作业后发送到tongzhoushxt@gmail.com18每天我们都在成长!19漫漫IT路,你需要过来人指点!
本文标题:第五章 框架结构的使用
链接地址:https://www.777doc.com/doc-4012674 .html