ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

图像和链接标签

2021-05-14 12:05:48  阅读:81  来源: 互联网

标签:必填 -- 标签 图像 跳转 链接 页面


图像标签

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>图像标签学习</title>
</head>
<body>
<!--img学习
src:图片地址(必填)
相对地址(推荐使用),绝对地址
../ --上一级目录
alt:图片加载失败时候显示的名字(必填)
-->
<img src="../resources/image/1.jpg" alt="傻逼覃胤" title="傻逼晖狗" width="200" height="300">


</body>
</html>

 

链接标签

链接标签是使用a标签

页面间链接

href:必填,表示要跳转到哪个页面 target:表示窗口在哪里打开 _blank:在新窗口打开 _self:在当前窗口打开

 

锚链接

1.需要一个锚标记 2.跳转到标记

锚链接可以从一个页面跳转到另外一个页面的指定位置

通过链接地址之后加上#号再接上锚标签的标记 跳转到其他页面的指定位置

<a href="mailto:1351414677@qq.com#">点击联系我</a>

 

功能性链接

邮件链接:mailto: QQ链接

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>链接标签学习</title>
</head>
<body>
<!--使用name作为锚链接的标记-->
<a name="top">顶端</a>
<br/>
<a href="#down">去往最底端</a>
<br/>
<!--a标签
页面间链接
href:必填,表示要跳转到哪个页面
target:表示窗口在哪里打开
   _blank:在新窗口打开
   _self:在当前窗口打开
-->
<a href="1.第一个网页.html" target="_blank">跳转到初始</a>
<br/>
<a href="https://www.baidu.com" target="_self">百度一下</a>
<br/>
<a href="2.基本标签.html">
   <img src="../resources/image/1.jpg" alt="憨憨" title="傻子">
</a>
<br/>

<!--锚链接
1.需要一个锚标记
2.跳转到标记-->
<a href="#top">回到最上端</a>
<br>
<!--功能性链接
邮件链接:mailto:
QQ链接
-->
<a href="mailto:1351414677@qq.com">点击联系我</a>
<br/>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1351414677&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1351414677:41" alt="点击领取资料" title="点击领取资料"/></a>
<br/>
<a name="#down">底端</a>
</body>
</html>

 

标签:必填,--,标签,图像,跳转,链接,页面
来源: https://www.cnblogs.com/Share-my-life/p/14767926.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有