Frame框架

2018/04/09 10:31
阅读数 67

表单元素

图像热区

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

图像热区

 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显示;0no 为不显示

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

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部