HTML-04.媒体标签 - 图2图片

src 路径，一般用相对路径，路径一般用/，当前目录是 ./，上一层目录是 ../

格式

image.png

属性

  1. <img src="" alt="图片显示不了时显示提示文本">

====================

超链接

  1. <a href="协议头://主机地址/路径 或 相对路径" target="打开模式">提示信息或其他标签</a>

打开模式：
image.png
_blank：新标签打开链接
_self：当前标签打开链接（默认）

_parent：替换a链接所在的iframe元素
_top：在多个嵌套iframe元素的最顶层打开
具体的name：在对应name的iframe元素中打开

的基础链接

base里的链接，直接是a标签的默认链接
如果a标签链接是完整的，那么不会有影响

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title></title>
  6.         <link rel="shortcut icon"  href="xxx.ico"/>
  7.         <base href="https://www.baidu.com" target="" />
  8.     </head>
  9.     <body>
  10.         <div id="">
  11.             <a href="">打开百度</a>
  12.       <a href="/s?ie=UTF-8&wd=b">搜索b</a>
  13.       <a href="https://www.taobao.com">打开淘宝</a>
  14.         </div>
  15.     </body>
  16. </html>

锚点

点击后可以跳到指定的位置

  1. <p id="123">123456</p>
  3. <a herf="#123">跳到123</a>

伪链接

image.png

  1. <!--跳到浏览器顶部-->
  2. <a href="#">122</a>  
  3. <a href="">122</a>  
  5. <!--运行js代码-->
  6. <a href="javascript:alert()">122</a>

发送邮件

  1. <!--调用本地的邮件应用程序，然后发邮件-->
  2. <a href="mailto:310372096@qq.com">发邮件</a>

Tab

image.png