HTML小白学习 标签3

 <img src="c://th.jpg">                             <!--图片标签-->
    <img src="c://th.jpg" alt="百度">                <!--alt 属性是当图片无法打开时，会显示alt的内容（如本题会显示 百度）-->
    <img src="c://th.jpg" title="百度logo">          <!--title属性是当你把鼠标移动到图片上时，鼠标指针会显示出来title的内容-->
    <a href="http://www.baidu.com">百度首页</a>      <!--一个指向百度首页的超链接-->
                                                     <!--在使用a标签时，想要实现超级链接，必须用a标签的href属性-->
    <a href="http://www.baidu.com"><img src="c://th.jpg"></a>             <!--用一个图片当做超链接的载体--> 
    <a href="http://www.baidu.com" target="_blank"><img src="c://th.jpg"></a>            <!--target="_blank"的意思是用超链接打开的网页是新出来的空白网页，不会覆盖当前网页-->                                           


    
    <!--以下的代码用于使点击图片的部位不同，进入不同的主页-->


    <img src="c://th.jpg" usemap="#baidemap">       <!--usemap是为了图片与下面定义的map形成联系 ,#号指向下边的name-->
    <map name="baidumap">     <!--当用图片的某些部位作为超连接时，不能用a标签，应用map标签-->
        <area shape="circle" coords="XXX,XXX,XXX" href="http://www.baidu.com" alt=""> <!--shape定义的是区域的形状，有circle（圆形）,rect（矩形）,poly（多边形）-->
       
        <area shape="rect" coords="" href="" alt="">   <!--coords是坐标点的意思，圆要求圆心坐标以及半径；矩形要求对顶点的坐标-->
                                                        <!--怎样看坐标，巧用截图工具，从左上角开始拉，拉到需要的点处，所呈现的坐标就是所需坐标-->
    </map>