zoukankan      html  css  js  c++  java
  • 超链接

    1.<a>超链接标签作用:
      1.可以用于链接资源(本地或者网上的都可以)

      2.锚点定位

    • 首先要编写一个锚点
    • 锚点的格式:  <a name=“锚点的名字"> 数据 </a>  使用a标签herf属性连接 到锚点处,  bref="#锚点的名字"
    • <a name="top"0>顶部</a>    

    常用的属性

    href:用于指定链接的资源

    target:设置打开新资源的目标 ,  

      _blank 在独立的窗口上打开新窗口 

      _self在当前窗口中打开新资源。

    <a href="www.baidu.com">百度</a><a   target="_blank" href=“a.html”>b.html</a>

    a标签的原理:

    1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网页,首先会在本地的机器去找一个hosts文件,如果在hosts文件上该域名没有对应的主机,那么浏览器就会去对应的dns服务器去寻找该域名对应的主机名,如果找到了对应的主机名,那么该请求就会发给对应的主机。

    2.如果a标签的href属性值没有以任何协议开头,那么浏览器会自动启动file协议解释器去解释该资源路径。(fjile协议主要用来搜索本地机器的资源文件的)

    3.如果a标签的bref属性值并不是以http开始,

    邮件的协议:  mallto

    迅雷的协议:  thunder

    如果要发送邮件至,则  <a href="mailTo:12345678qq.com"</a><br/>

    <a href="thunder://abc/aa功夫熊猫.avi">功夫熊猫.avi</a>

    2.img图片标签:

      width  宽度

      height 设置图片的高度

      alt 如果图片资源无法找到,那么就显示对应的文字对图片进行说明(在IE5之前是把鼠标放在图片上,显示alt文字,IE5之后是图片无法打开后,才会显示该文字)

    <img  src="11.jpg" width="400" height="300" alt=“这个是路飞” />

    3.热点图:

    <img  src="11.jpg"  alt="这个是路飞" width="400" height="300" border="0" usemap="#Map" />  
    这个图片使用的#map这个热点如
    <map name="Map" id="Map"> <area shape="rect" coords="171,178,304,227" href="http:\www.baidu.com" target="_blank" />
        shape表示的是链接区域形状,rect是矩形,circle是圆形。coords的四个数字分别是,矩形框离左边,离上边的距离i,矩形方框的长和宽。bref表示链接到的网站,
    <area shape="circle" coords="189,135,27" href="2常用的标签.html" target="_blank" />
        coords前两个表圆心的位置,半径 </map>
  • 相关阅读:
    Think in java 4th读书笔记__last update20151130
    Angular学习笔记--last_update 20151106
    程序员技术练级攻略(转载)
    缓存雪崩、缓存穿透、缓存预热、缓存更新、缓存降级等问题(转载)
    简单理解 RPC(转载)
    Redis 为什么使用单进程单线程方式也这么快(转载)
    redis详解(三)-- 面试题(转载)
    redis应用-sortedset实现排行榜(转载)
    LRU原理和Redis实现——一个今日头条的面试题(转载)
    全面理解Java内存模型(JMM)及volatile关键字(转载)
  • 原文地址:https://www.cnblogs.com/sjxbg/p/5599303.html
Copyright © 2011-2022 走看看