Frame框架

表单元素

图像热区

功能与作用：可以实现一张图上可以做多个链接。

图像热区

 img  usemap="#Map"  map area shape( rect circle poly ) coords

<img src=”” usemap=”#Map” />

usemap="#Map" ,名字可以随意。但必须加“#”

map ：图像地图标签，双标记，用法如下：

<map name=”Map” id=”Map”>

<area shape=”形状” coords=”坐标” />

</map>

area ：区域

shape( rect矩形， circle圆形， poly多边形 )

Coords 坐标

矩形坐标：如：(coords=”0,0,80,80”)

解释：前两个0,0,是矩形的左上角,后面两个数，80,80,是矩形的右下角的坐标

圆形坐标：如：(coords=”118,43,35”)

解释：前两个118,43,是圆心的坐标，第三个数35，是这个圆的半径。

多边形：坐标，每两个一组，代表一个角（顶点）。

 

 

普通框架，概念，框架集，框架页

<frameset>属性

cols 框架左右分如:<frameset cols=”100,*” >

rows 框架上下分如:<frameset rows=”100,*” >

frameborder   框架的边框是否显示,值：1,yes显示；0，no 为不显示

border  框架的边框大小

bordercolor 框架的边框颜色

<frame>属性

src  网页的路径

name 框架的名称，是以后链接的目标

noresize 不可调整宽度

scrolling 是否滚动，no不滚动，yes 滚动，auto 自动。

<noframes>没有框架时显示的内容

 

实例后台框架

 

浮动框架：iframe src name scrolling align width height frameborder

Iframe 浮动框架

Iframe是双标签，

<iframe src=”网页” name=””>如果浏览器不支持则显示该内容</iframe>

位置：在body中

src 在浮动框架中要显示的页面

name  浮动框架名称

Scrolling滚动：  是否，yes ,no ,auto

Align：对齐方式，（参考图片的对齐方式） left right

width  框架的宽

height 高

frameborder  不要边no

 

转载于:https://www.cnblogs.com/Mangosy/p/8757935.html