2023学年完整公开课版HTML基础(四)

网页设计曾君 hhjxzj@163.com第四章HTML基础

建立框架网页4.1框架简介4.1.1框架的基本结构具体的框架文件—主要利用<frameset><frame>来定义框架集—用来定义此文件为框架模式，并设定如何分割文件框架（Frame）：框架是浏览器窗口中的一个区域，他能够显示和浏览器窗口的其余部分中所显示内容无关的网页文档。

框架集（Frameset）：框架集也是个网页文档，他将一个窗口通过行和列的方式分割成多个框架，框架的多少根据具体有多少网页来决定，每个框架中要显示的就是不同的网页文档。

建立框架网页4.1.2框架的分割方式左右分割、上下分割、嵌套分割建立框架网页利用框架最大的特点就是使网站的风格一致。通常把一个网站中页面相同的部分单独制作成一个页面，作为框架结构的一个子框架的内容给整个网站公用。使用框架能够很方便的完成导航工作，让网站的结构更加清

建立框架网页左右分割语法：<framesetcols=“value,value,…”>Value的取值可以是数字、百分比和剩余值（*）一般设定了几个cols的值，就需要有几个框架，也就是有几个<frame>参数。上下分割嵌套分割语法：<framesetrows=“value,value,…”>根据需要，窗口中既有上下分割，又有水平分割，这样的就是嵌套分割。建立框架网页4.2框架设置4.2.1设置边框宽度语法：<framesetborder=“value”>4.2.2设置边框颜色语法：<framesetbordercolor=“颜色代码”>4.2.3设置框架隐藏属性语法：<framesetframeborder=“value”>Value:0不显示，1显示，1为默认值在frameset中设置会对整个框架有效，在frame中设置则只对这个框架有效。建立框架网页4.3设置窗口属性页面源文件语法：<framesrc=“页面源文件地址”>页面名称语法：<framename=“页面名字”>名字中不能包含空格、句点和连字符框架滚动条的显示与否语法：<framesrcolling=“value”>Value:yes\no\auto窗口大小语法：<framenoresize>设置后窗口大小不可调整。边框与页面内容的水平边距（相当页边距）语法：<framemarginwidth=“左右水平边距”>边框与页面内容的垂直边距语法：<framemarginheight=“上下垂直边距”>建立框架网页4.4浮动窗口一种特殊的框架页面。是在浏览器窗口中嵌套子窗口。即包含框架窗口的普通页面。语法：<iframesrc=“页面源文件地址”>…</iframe>建立框架网页4.4浮动窗口<Iframesrc=“URL”width=“x”height=“x”scrolling=“[OPTION]”frameborder=“x”></iframe>

src：文件的路径，既可是HTML文件，也可以是文本、ASP等；

width、height：“画中画”区域的宽与高；

scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示;

FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。

比如:

<Iframesrc=""width="250"height="200"scrolling="no"frameborder="0"></iframe>

建立框架网页5.5框架与超链接通常，在页面中添加框架是为了更好的对页面内容进行导航，因此，超链接应用的极为频繁。语法：<ahref=urltarget=“frame_name”>5.5.1普通框架与超链接建立框架网页5.5框架与超链接通常，在页面中添加框架是为了更好的对页面内容进行导航