HTML第六章 链接标签

6. 链接标签6.1 超链接标签超链接a标签普通a标签普通a标签跳转远程地址a hrefhttps://www.baidu.com点击此处跳转百度/a跳转至本地a href../code/1.Hello.html点击此处跳转本地链接/a邮箱跳转了解a hrefmailto:123qq.com点击此处发送邮件/a链接标签的常用属性href①远程链接 ②本地文件 ③邮箱title链接标题target跳转方式①_blank打开新的网页窗口 ②_self当前窗口跳转【默认】6.2 锚链接标签设置锚点采用id或name属性使用锚点采用href “#id的属性值”!DOCTYPEhtmlhtmllangenheadmetacharsetUTF-8metanameviewportcontentwidthdevice-width, initial-scale1.0title锚链接标签_a/title/headbodyahref#bottomidtop返回底部/ali测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/liahref#topidbottom返回顶部/a/body/html6.3 图片超链接a标签中的提示文字变为图片即可!DOCTYPEhtmlhtmllangenheadmetacharsetUTF-8metanameviewportcontentwidthdevice-width, initial-scale1.0title图片超链接/title/headbodyahrefhttps://www.taobao.comtarget_blankimgsrc./cat1.jpgalt图片1/a/body/html6.4 图片热区热区超链接根据不同的图片区域坐标添加不同的链接使用地图通过usermap #name的值通过name属性设置地图的名字区域划分如下!DOCTYPEhtmlhtmllangenheadmetacharsetUTF-8metanameviewportcontentwidthdevice-width, initial-scale1.0title热区链接/title/headbodyimgsrc./cat.jpgaltwidth1280pxusemap#购物mapname购物!-- 定义矩形位置 --areatitle淘宝shaperectcoords0,0,430,800hrefhttps://www.taobao.com!-- 定义圆形位置 --areatitle京东shapecirclecoords640,400,210hrefhttps://www.jd.com!-- 定义多边形位置 --areatitle天猫shapepolycoords1070,0,1280,400,800,850,400hrefhttps://www.tmall.com/map/body/html