html 图像链接

最新推荐文章于 2024-04-13 18:51:45 发布

zhcoo7

最新推荐文章于 2024-04-13 18:51:45 发布

阅读量713

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/zhyqq12345/article/details/52233258

版权

html 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1）图像

<img/>属性：

src 图像的路径

alt：图像不显示时，显示的文本

width：宽度 height：高度

例子：<html>
<head>
<meta charset="utf-8" />
</head>
<body>

<img src="images/login.png" title="这是一幅图像" alt="This is a photo!" width="300px" height="100px" />

</body>
</html>

2)链接

<a></a>属性:

href : 链接URL
target ：目标，指定打开新网页的方式
取值 _blank : 在新标签页中打开
_self : 在自身(当前)页面中打开(默认值)
name : 定义锚点名称

链接的表现形式:
页面间跳转
<a href="页面路径">文本或图像</a>
页面上的文档(资源)下载
<a href="指定资源路径">文本或图像</a>
资源路径：非html,htm,txt的资源
<a href="xxx.rar">下载</a>
返回页面顶部的空连接
<a href="#">返回顶部</a>
跳转到本页(开发、测试阶段使用)
电子邮件链接
打开本机邮件客户端，向指定地址处发送email邮件
<a href="mailto:zhaoxu@tarena.com.cn">联系我们</a>
链接到Javascript
<a href="javascript:js代码段落"></a>

锚点：
<a name="anchorName"></a>
链接到锚点
<a href="#anchorName">文本或图像</a>
<a href="url#anchorName"></a>

例子

<html>



<a href="Homework.html" target="_blank">昨天作业</a>

<a href="http://www.baidu.com">百度</a>
<a href="images.rar">下载图像</a>
<a href="mailto:zhaoxu@tarena.com.cn">联系我们
</a>
<a href="javascript:window.alert('我是一个对话框!!!');">弹出一个对话框</a>
</body>
</html>