表单元素
图像热区
功能与作用:可以实现一张图上可以做多个链接。
图像热区
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