HTML 结构

  1. 普通结构
  2. 框架结构

普通结构

<html>  文档标记

<head>  头部内容

   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

   <title>标题信息</title>

   其他内容

</head>

<body>

   网页正文部分

</body>

</html>

BODY

参数 意义
text = "#000000" 文字颜色
link = "#0000FF" 链接颜色
alink = "#FF0000" 链接按住的颜色
vlink = "#0000FF" 链接访问后的颜色
background = "bg.gif" 背景图象
bgcolor = "#FFFFFF" 背景颜色
leftmargin = 2 文档左边距
topmargin = 2 文档上边距
rightmargin = 2 文档右边距
bgproperties = "fixed" 固定背景图象

框架

<html>

<head>  头部内容同上

</head>

<FRAMESET>

   <FRAME>

<NOFRAME>

  ...为老版本 IE 显示提示信息

</NOFRAME>

</FRAMESET>

</html>

说明

标记 意义
<FRAMESET> ... </FRAMESET> 划分的设置
<FRAME> 包含的页面
<IFRAME> ... </IFRAME> 内嵌页面窗口,适用于 IE
<NOFRAME> ... </NOFRAME> 老版本浏览器中显示的内容

FRAMESET

参数 意义
cols = "50%,*" 左右划分窗口,* 表示宽度自动设置
rows = "100,*" 上下划分窗口,* 表示高度自动设置
frameborder = 0 / 1 是否显示边框
border = 2 边框宽度点数
bordercolor = red 边框颜色
framespacing = 5 框架间隔点数

FRAME
IFRAME

参数 意义
SRC = "page.htm" 装入网页的 URL
name = "left" 窗口名称
marginwidth = "5" 窗口左右边距
marginheight = "5" 窗口上下边距
scrolling = "Auto" / YES / NO 是否显示滚动条
frameborder = "0" / 1 是否显示边框
noresize 禁止调整窗口大小
framespacing = "6" 框架间隔点数
bordercolor = "#0000FF" 边框颜色
align = "MIDDLE" 仅用于 IFRAME,对齐方式
width="300" 仅用于 IFRAME,宽度
height="100" 仅用于 IFRAME,高度
属性 描述
contentWindow 包含的 window 对象

示例:逐个显示框架内所有页面

function show_all_frame(wd, str)
{
    var i;
    if(wd.frames.length==0)
        alert( str + "location.href=\n" + wd.location.href );
    for(i=0;i<wd.frames.length;i++)
    {
        show_all_frame( wd.frames[i], str + "frames['" + wd.frames[i].name + "']." );
    }
}
show_all_frame( top, "top." );