• 超链接


    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>
  • 相关阅读:
    [.net 面向对象编程基础] (13) 重构
    [.net 面向对象编程基础] (12) 面向对象三大特性——多态
    [.net 面向对象编程基础] (11) 面向对象三大特性——继承
    [.net 面向对象编程基础] (10) 面向对象三大特性——封装
    [.net 面向对象编程基础] (9) 类的成员(字段、属性、方法)
    [.net 面向对象编程基础] (8) 类和类的实例
    [.net 面向对象编程基础] (7) 基础中的基础——修饰符
    反向代理和正向代理区别
    Vue的路由及静态路由和动态路由的区别
    一次性讲明白vue插槽slot
  • 原文地址:https://www.cnblogs.com/sjxbg/p/5599303.html
Copyright © 2020-2023  润新知