博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML框架
阅读量:6233 次
发布时间:2019-06-21

本文共 1862 字,大约阅读时间需要 6 分钟。

框架页面的基本语法

<frameset cols=“25%,50%,*” rows =“50%,*” border=“5”>

<frame src=“the_first.html ">

……

</frameset>

cols将窗口分割成左中右3个部分,可选

rows将窗口分割成上下2个部分,可选

border边框尺寸大小

src第一个窗口要显示的网页

例:

<HTML>

<HEAD>

<TITLE>rows_cols框架</TITLE>

</HEAD>

<FRAMESET rows="25%,50%,*" border="5">

<FRAME name=“top" src="the_first.html">

<FRAME name="middle" src="the_second.html">

<FRAME name=“bottom" src="the_third.html">

</FRAMESET>

</HTML>

创建多个复杂的窗口实现步骤如下:

1、创建一个HTML页面“top.html”

2、创建一个HTML页面“left.html”

3、创建一个HTML页面“right.html”

4、新建多框架HTML页面“Frame_Sets.html”

......

<FRAMESET rows="20%,*" frameborder="0">

<FRAME src="top.html" name="topframe“ scrolling="no" noresize="noresize">

<FRAMESET cols="20%,*">

<FRAME src="left.html" noresize="noresize“ scrolling="no" name="leftframe“ >

<FRAME src="right.html" name="rightframe">

</FRAMESET>

</FRAMESET>

frameborder设置无框架边框

scrolling不显示滚动条

noresize禁止调整框架大小

name框架名称,便于超文本链接锚标签target属性所引用

如何设置窗口链接的显示位置

target目标窗口属性 name=“显示的窗口名”

<frame src=url name=“窗口名”>

   <a href=url target=“窗口名”>

target属性指定了所链接的文件出现在名称为“窗口名”的框架窗口里。

例:

<P><a href="right.html" target="rightframe">

<IMG src="images/reg.jpg" width="158" height="31" border="0" /> </P></A>

<P><a href="buy.html" target="rightframe">

<IMG src="images/buy.jpg" width="160" height="32" border="0" /> </P></A>

target属性指定了所链接的文件出现在名称为“rightframe”的框架窗口里

例:

……

<P><A href="right.html" target="_blank">

<IMG src="images/reg.jpg" width="158" height="31" border="0" /></A> </P>

<P><A href="buy.html" target="_self">

<IMG src="images/buy.jpg" width="160" height="32" border="0" /></A> </P>

<P><A href="sale.html" target="_parent">

<IMG src="images/sale.jpg" width="158" height="31" border="0" /></A> </P>

<P><A href="person_info.html" target="_top">

<IMG src="images/person.jpg" width="157" height="31" border="0"/></A></P>

……

新启一个窗口打开文件 “right.html”

 

转载于:https://www.cnblogs.com/angel512/p/5466124.html

你可能感兴趣的文章
iOS UILabel 设置行高
查看>>
RAID配置与管理详解
查看>>
Sublime Text3—自定义代码片段(Code Snippets)
查看>>
【shell基础】07、bash脚本编程入门及变量
查看>>
php+redis实现多台服务器内网存储session并读取
查看>>
copy--mutableCopy用法(important)
查看>>
我的友情链接
查看>>
Linux命令——cut命令学习
查看>>
lync聊天过程中实现多国语言的即时沟通
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
如何在手机浏览器wap网页中点击链接跳转到微信界面
查看>>
Windows VM与宿主XenServer系统时间相差8小时
查看>>
【设计模式-策略模式】
查看>>
MyEclipse设置Java代码中注释的字体颜色
查看>>
thinkphp sql debug
查看>>
ecshop控制网站首页公告条数
查看>>
css学习1-CSS 盒子模型
查看>>
系统集成资质培训 - 论文如何写-几个典型题目写作分析
查看>>
时刻提示自己
查看>>