html用图片链接网址

最新推荐文章于 2024-05-03 09:00:00 发布

fairen

最新推荐文章于 2024-05-03 09:00:00 发布

阅读量3.9k

点赞数 3

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/fairen/article/details/89873675

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<html>///这个是图片链接
<body>
//在body这里可以设置图片背景
<body background="/i/eg_background.jpg">

<img src="/i/eg_w3school.gif" width="300" height="120" />

<img src="/i/eg_w3school.gif"   alt="asd"> //如果图片显示失败会提示asd



</body>
</html>


<html>//这个是网址链接
<body>

<a href="http://www.baidu.com">
This is a link</a>

</body>
</html>


<a href="/index.html">本文本</a>    //新加滴  打开本页面本来就有的页面

<a href="/index.html " target="_blank">本文本</a>    //这个会打开一个新的页面



<html>
<body>

<a href="http://www.baidu.com">//网站自选 
                                                //图片地址选本地
<img src="C:\Users\Administrator\Desktop\1.jpg" width="200" height="120" />  </a>
</body>
</html>




//下面介绍一下命名锚

<html>
<body>

<a href="http://www.w3school.com.cn">W3School</a>

<a name="top">这里是TOP部分</a> 
<a name="content">这里是CONTENT部分</a> 
<a name="foot">这里是FOOT部分</a> 
//（您可以使用 id 属性来替代 name 属性，命名锚同样有效。[1]） 
//对于如上锚点的访问有两种方法 
一种是利用超链接标签<a></a>制作锚点链接，主要用于页面内的锚点访问 
<a href="#top">点击我链接到TOP</a>                  //相当于踢啊转到某一个位置
<a href="#content">点击我链接到CONTENT</a> 
<a href="#foot">点击我链接到FOOT</a> 


</body>
</html>

《命名锚》

来一个帅气的通过点击图片里面的某一个位置连接到另外一个地方

<html>
<body>
//自行体会
<img src="C:\Users\Administrator\Desktop\1.jpg" width="200" height="120"  
border="0" usemap="#lala"/> 

<map name="lala" id="lala">
<area

shape="rect"//表示方形
coords="0,0,100,60"

//还可以这样
/*
shape="circle"
coords="180,139,14"
*/


href="C:\Users\Administrator\Desktop\1.html"//这里是html

target="_blank"

alt="baidu"/>

<area
shape="rect"
coords="100,0,200,60"
href="C:\Users\Administrator\Desktop\2.html."
target="_blank"
alt="csdn"/>

<area
shape="rect"
coords="0,60,100,120"
href="http://www.17173.com"//还可以直接指定网站
target="_blank"
alt="17173"/>

<area
shape="rect"
coords="100,60,200,120"
href="http://mail.qq.com"
target="_blank"
alt="mail"/>

</body>
</html>



C:\Users\Administrator\Desktop\1.jpg

无敌的我，瞎搞成功了

fairen

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html用图片链接网址

<html>///这个是图片链接<body>//在body这里可以设置图片背景<body background="/i/eg_background.jpg"><img src="/i/eg_w3school.gif" width="300" height="120" /><img src="/i/eg_w3school.gif"...
复制链接

扫一扫

专栏目录