`

cellspacing于cellpadding,padding frameset与iframe区别 display

 
阅读更多

cellspacing于cellpadding区别

 

padding

 

 

frameset与iframe得区别  

Frameset 与 iframe

分享
 
标签: frame  标签 分类: 工作记录2008-06-30 13:55

1.首先我们了解下一 Frameset标签 的相关属性:

<frameset cols=数字或比例,数字或比例>(左右分割框架)或
<frameset rows=数字或比例,数字或比例>(上下分割框架)

代码也可以写成这样 : 
<frameset cols=120,*>

用*的意思是左边的页面长度为120,而剩余的空间都留给右边的页面显示和使用。

在<frameset>之后还要加上<frame>的代码:
1、如果左边页面的显示网页为left.htm, 而右边页面显示的网页为right.htm,代码将如下所示 : 

<frameset cols=120,*>
<frame src="left.htm">
<frame src="right.htm">
</frameset> 

2、如果上边页面的显示网页为top.htm, 而下边页面显示的网页为foot.htm,代码将如下所示 : 
<frameset rows=30,*>
<frame src="top.htm">
<frame src="foot.htm">
</frameset>

■<frameset>标签控制属性如下 : 

framespacing=控制两个frame之間的距离; 
frameborder=控制frame外框的粗细; 
border=控制外框粗细,不外框便设成0 
要分割页面的原始码如下,不須加上<body>标签 :

<html>
<head>
<title> 
我的网站
</title>
</head>
<frameset cols=200,* frameborder="0" framespacing="0" border="0">
<frame src="left.htm">
<frame src="right.htm">
</frameset>
</html> 


■frame标签的其它属性如下:
<frame>是用来表述被分割的每一个小窗口的情况的,其主要属性有:

src:指定每个frame链接文件的路径,即链接文件所在的目录。

marginwidth:设置文件与左右边框的距离。

marginheight:设置文件与上下边框的距离。

noresize:禁止浏览者改变frame的大小。

scrolling:设置滚动条是否显示,一共有三个参数:yes(显示)、no(不显示)和auto(由浏览器自动判断是否显示滚动条),缺省值是auto。

name:设置frame的名字。(可控制超链接出现位置)


<frame src="left.htm" name="left">
<frame src="right.htm" name="right">

比如我们想要在按下左边页面里的的链接时,只改变右边页面的內容,则在在左边页面的链接目标里要加上: 
<a href="index.html" target="right">回论坛首页</a>

请注意链接中target的定义为_parent,这属于4个特殊的保留值。它们是: 
_parent:在当前FRAMESET位置显示新href; 
_top: 在当前整个窗口位置显示新href,比如本身FRAMESET位于另一个FRAMESET中; 
_self: 强制在当前FRAME中显示新href; 
_blank: 在新窗口中显示href;

 

2.下面简要说明一下<iframe>标签的用法与属性

一、<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。我们举第一个例子,具体代码如:
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>,这里的URL可以是相对路径,也可以是绝对路径

width表示宽度,height表示高度,可根据实际情况调整。
scrolling表示是否显示页面滚动条,可选的参数为auto、yes、no,如果省略这个参数,则默认为auto。

二、如何实现页面上的超链接指向这个嵌入的网页
只要给这个iframe命名就可以了。方法是<iframe name=**>,例如我命名为player,写入这句HTML语言<iframe width=640 height=25 name=player frameborder=0 src=../player.htm></iframe>,
然后,网页上的超链接语句应该写为:<a href=URL target=cuiz>打开播放器</a>


下面是一个<iframe>标签实例:

<iframe name="exobud_mp" src="PlayerMP/exobud.html"
width="640" height="25" marginwidth="0" marginheight="0"
border="0" frameborder="0" scrolling="no"></iframe>

☆以上设定框架大小的数值仅供参考。一般来说,长条形状的播放器会占用面积大约为 640~760px(像素) 的宽度乘以 20~25px(像素) 的高度。

 

 

display

http://www.w3school.com.cn/css/pr_class_display.asp

  • 大小: 36.6 KB
  • 大小: 133.3 KB
分享到:
评论

相关推荐

    cellspacing和cellpadding的区别

    几个例子告诉你cellspacing和cellpadding的区别

    IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug

    复制代码代码如下: table { border-collapse:...注意cellSpacing和cellPadding中间的 S 和 P 都要是大写的。 方式2,setAttribute 复制代码代码如下: table.setAttribute(‘cellspacing’,’10’); table.setAttribu

    HTML cellpadding与cellspacing属性图文详解

    主要介绍了HTML cellpadding与cellspacing属性,有个演示图,相信大家看过之后就知道了,需要的朋友可以参考下

    JS动态修改表格cellPadding和cellSpacing的方法

    本文实例讲述了JS动态修改表格cellPadding和cellSpacing的方法。分享给大家供大家参考。具体如下: 下面的JS代码通过修改表格对象的cellPadding和cellSpacing属性来修改表格单元格的间距 &lt;!DOCTYPE html&gt; &lt;...

    cellpadding=0 cellspacing=0的css替代写法

    复制代码代码如下: cellpadding=”0″ cellspacing=”0″的css替代 border-collapse:collapse;

    用Struts、Hibernate和display超简单实现分页

    cellspacing="0" border="1" cellpadding="0" requestURI="displayList.do" export="true"&gt;&lt;br&gt; &lt;display:column property="id" title="编号" /&gt; &lt;display:column property="name" title="名字" /&gt; ...

    HTML版的仿XP系统网站 无CSS版

    cellspacing;cellpadding;border;valign(常写成valing);align(易写成aling);width(易写成widht);height;rowspan;colspan;bgcolor; 另外用到红绿小工具相当频繁,用它抓图,取色太方便了,所有用到的图片都是从我电脑...

    IE6/7 and IE8/9(Q)中td的上下padding失效的解决方法

    如下 复制代码代码如下: &lt;!... &lt;HEAD&gt; &lt;meta charset=”utf-8″&gt; &lt;...IE6/7 and IE8(Q) 中td的上下padding... &lt;table cellpadding=”5″ cellspacing=”5″&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt;

    JSP+Struts+JSTL+EL新闻发布系统jsp

    &lt;TD vAlign=top background=/images/bg_1.jpg colSpan=10&gt; &lt;TABLE cellSpacing=3 cellPadding=0 width="100%" border=0&gt; &lt;TR&gt; &lt;TD width="95%" height=1216&gt; &lt;TABLE cellSpacing=0 cellPadding=0 width="100%" ...

    连锁中心配送系统.rar

    &lt;table border="0" width=780 align=center cellspacing="0" cellpadding="0" style="PADDING-RIGHT:0px; PADDING-LEFT:0px; PADDING-BOTTOM:0px; PADDING-TOP:0px"&gt; ...

    酒店管理系统.rar

    &lt;table border="0" width=780 align=center cellspacing="0" cellpadding="0" style="PADDING-RIGHT:0px; PADDING-LEFT:0px; PADDING-BOTTOM:0px; PADDING-TOP:0px"&gt; ...

    企业信息管理.rar

    &lt;table border="0" width="100%" cellspacing="0" cellpadding="0" style="PADDING-RIGHT:0px; PADDING-LEFT:0px; PADDING-BOTTOM:0px; PADDING-TOP:0px"&gt; &lt;table border="0" width="100%" ...

    web开发的标签讲解

    【3】设定资料与格线的距离 -- cellpadding <table cellpadding=点数> 【4】调整表格宽度 -- width 点数或百分比> 【5】调整表格高度 -- height 点数或百分比> 【6】设定表格背景色彩 -- bgcolor ...

    ASP无限级教程载柑

    response.write("&lt;table border='0' cellspacing='0' cellpadding='0'&gt;") i=1 while not rs.eof if len(rs("url"))&gt;0 then if i=rs.recordcount then menutype="file1" else menutype="file" end if menuname=...

    web程序 网上书店

    &lt;table width="770" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#330000" bgcolor="#FFFFFF"&gt; &lt;td height="428" valign="top"&gt;&lt;table width="770" height="37" border="0" ...

    网页小游戏

    display: block; z-index: 100"&gt;&lt;/div&gt;';//活动层 var element_html = '&lt;table id="element_table" border="1" width="100%" height="100%" bordercolor="#000000" cellspacing="0" cellpadding="0"&gt;'; var ...

Global site tag (gtag.js) - Google Analytics