html学习3——图片插入与超链接

图片标签

<img src="https://s.yam.com/GWoLf" alt="" title="" width="" height="">

source:图片地址
alternative:图片加载失败代替文字
title:鼠标悬停图片上提示文字

高度和宽度可以用数字或百分比,百分比是图片占浏览器百分比

source alternative

链接标签

页面间链接

<a href="https://s.yam.com/W87GN" target="">超链接媒介</a>

hypertext reference:链接地址
target:打开链接模式
​ _blank:新网页打开
​ _self:同网页打开(默认)

超链接媒介也可以是图片

hypertext reference target blank self

锚链接

<a name="top"></a>
      ......
<a href="#top">回到顶部</a>

功能性链接

邮箱链接
<a href="mailto:邮箱地址">点击联系我</a>
QQ链接

前往QQ推广设置

代码演示

<html lang="en">
<head>
    <meta name="keyword" content="">
</head>
<body>
<a name="top"></a>
<a href="https://s.yam.com/W87GN" target="_blank">
    <img src="https://s.yam.com/GWoLf" alt="" title="点击前往图片原地址" width="25%"></a><br>
<a href="mailto:[email protected]">点击联系我</a>
<a href="#top">点此回到顶部</a>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/jgjfror/article/details/114109495
今日推荐