HTML基础必看---表单,图片热点,网页划区和拼接详解

2019-01-15 09:04:20于海丽

运行结果显示:

二、图片热点

     规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果。

示例:

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xmlns="http://www.w3.org/1999/xhtml">  
  • <head>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  • <title>无标题文档</title>   </head>  
  •    <body>  
  • <img src="a006.jpg" usemap="ditu" />   <map name="ditu">  
  • <area shape="rect" coords="0,0,50,50" href="http://www.baidu.com" />   <area shape="circle" coords="265,118,80" href="http://qq.com" />  
  • </map>   </body>  
  • </html>  
  • 设计界面:矩形和圆形的地方在运行时,鼠标放上会变成小手状,表示有链接。

    三、网页划区和拼接

    划区:在一个网页里,规划出一个区域用来展示另一个网页的内容。

    示例:

    拼接:在一个网络页面内,规划出多个页面窗口,以表格拼接的形式展示出来。(可以想象一下监控画面,多个画面同时显示)

    示例:

    以上这篇HTML基础必看---表单,图片热点,网页划区和拼接详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易采站长站。

    原文地址:http://www.cnblogs.com/H2921306656/archive/2016/07/09/5656699.html