HTML学习——框架 表格 表单 图像

1. <frameset></frameset>用于放置列表 ,通过rows 和 cols 属性进行布局设置,noresize  属性设置是否可以自由调整框架大小。

2. 可以嵌在<body>中的内联框架<iframe>。

3.<table> 的frame 属性用来控制边框的显示。

4.无序列表 ul ,有序列表 ol ,定义列表 dl

5. form 表单的处理属性为action="处理文件地址" ; method= "post"或者"get" 。

    也可以直接发送邮件:

  action="MAILTO:someone@w3school.com.cn" method="post" enctype="text/plain">

6<fieldset> ,在数据周围绘制一个带标题的框。

<fieldset>
<legend>健康信息:</legend>
<form>
<label>身高:<input type="text" /></label>
<label>体重:<input type="text" /></label>
</form>
</fieldset>

7. 图像操作 <img>的 图像映射:

ismap属性:

图像映射的 ismap 样式被称为 “服务器端”图像映射,它只可以用在 <a> 标签标识的超链接里面。

请看下面的例子:

<a href="/example/map">
  <img src="/i/map.gif" ismap="ismap" />
</a>

当用户在 ismap 图像上单击了某处时,浏览器会自动把鼠标的 x、y 位置(相对于图像的左上角)发送到服务器端。特殊的服务器端软件(在本例中是 /example/map 程序)可以是别的方式程序。可以根据这些坐标来做出响应。

usemap 属性:下面这段源代码将一个 图像 map.gif 映射为 多个区域或指定某个区域,当用户单击其中某一个区域时,将被链接到不同的文档中。

请看下面的例子:

<a href="/example/map">
  <img src="/i/map.gif" ismap="ismap" usemap="#map" />
</a>

<map name="map">
  <area coords="0,0,49,49" href="link1.html">
  <area coords="50,0,99,49" href="link2.html">
  <area coords="0,50,49,99" href="link3.html">
  <area coords="50,50,99,99" href="link4.html">
</map>

 

 

posted @ 2009-06-18 11:03  frankself008  阅读(366)  评论(0编辑  收藏  举报