图像和链接标签

Posted Si人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图像和链接标签相关的知识,希望对你有一定的参考价值。

图像标签

<!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>

 

以上是关于图像和链接标签的主要内容,如果未能解决你的问题,请参考以下文章

选择单元格时,TableVIew 中的 UIImage 会移动

关于js----------------分享前端开发常用代码片段

HTML5新增相关标签的和属性

在 JSP 中的 <% %> 代码片段中添加链接

是否有标准或首选标签类型可用于向某个位置添加额外的锚点/片段链接?

几条jQuery代码片段助力Web开发效率提升