博客

图片标签img和超链接标签a

  • Post author:
  • Post category:其他




图片标签img


  1. BMP位图


  2. 一般在项目目录下创建一个resource目录,专门存放资源

    resource


  3. 相对路径…/表示上一级目录
     

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
    
  <img src="resource/image/李长歌.jpg" width="55px" height="95px" alt="图片丢失时的替代文字" title="鼠标悬停在图片上时的文字">

</body>
</html>



运行结果


alt替代文字

alt


title悬停文字

悬停文字



超链接标签a


  1. target设置跳转模式:_blank打开新窗口,_self还是当前窗口


  2. href=index.html#top:锚链接,到index.html页面的,id为top的,地方去
     

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

  <!--链接标签:
        target设置跳转模式:_blank打开新窗口,_self还是当前窗口

        href=index.html#top:锚链接,到index.html页面的,id为top的,地方去
    -->
  <a href="index.html#top" target="_self">
    图片式链接,点击文字和图片都可以
    <img src="resource/image/李长歌.jpg" width="55px" height="95px">
  </a>

<!-- ==================================================================== -->

  <a href="mailto:123456@qq.com">邮箱链接(邮向指示器),会打开系统的邮箱应用,自动准备给设定的123456@qq.com发送消息</a>

<!-- ==================================================================== -->

  <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">qq推广<img border="0" src="http://wpa.qq.com/pa?p=2::51" alt="请联系我"/></a>

</body>
</html>



qq推广

qq推广



运行结果

超链接


版权声明：本文为lm12032015原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。