首页 > 代码库 > html部分---a标签的用法和放置图片

html部分---a标签的用法和放置图片

a标签的用法:

1.加链接  herf

<a href=http://www.mamicode.com/"http://www.baidu.com">百度一下</a>

技术分享

 

2.加载本地文件

<a href=http://www.mamicode.com/"file:///D|/实训资料/自我练习/10.17/函数/函数.sln">文件</a>

技术分享

 

浏览器能够直接打开的文件即打开;浏览器能够打开的文件有文本文档、图片、网页文件。

浏览器打不开的文件,即在浏览器页面进行下载

3.做锚点;

<div>做层标签
<a href=http://www.mamicode.com/"#位置1">找到文字1</a>
<a href=http://www.mamicode.com/"#位置2">找到文字2</a>
<a href=http://www.mamicode.com/"#位置3">找到文字3</a>
</div>


<a name="位置1">文字1</a>

<a name="位置2">文字2</a>

<a name="位置3">文字3</a>

图片标签;

<img src=http://www.mamicode.com/"psb.jpg" width="144" height="226" alt="zheshiyizhangzhaopian" title="这是一张照片"/>

src用作引用图片;

alt表示图片无法找到时,显示的文字;

技术分享

 

 

title表示鼠标放到图片上显示的文字;

技术分享

 

html部分---a标签的用法和放置图片