您的位置：首页 > Web前端 > HTML

HTML链接

2015-09-27 15:55 896 查看
1.链接数据：

（1）文本链接；

（2）图片链接；

2.属性：

href属性：指向另一个文档的链接；

name属性：创建文档内的链接；

3.img标签属性：

alt:替换文本属性；

width：宽；

height：高；

实现代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接</title>
</head>
<body>

<!--文本链接-->
<a href="http://www.baidu.com">点击我</a>
<br/> <br/>

<!--图片链接  :点击这张图片进行跳转-->
<a href="img.jpg">

<!--修改图片大小-->
<img src="img.jpg" width="400px" height="300px" alt="抱歉，图片不能显示">
</a>
<br/> <br/>

<!--文档内部链接-->

<a name="here"> 这是页面的顶部</a>

<br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/>
<a href="#here">回到顶部</a>

</body>
</html>


注意：这里有一个文档内链接，常常在同一个页面中进行垂直方向上的跳转，我们常常在浏览网页中碰到“回到顶部”这个功能，也就是使用文档内链接实现的。

github主页：https://github.com/chenyufeng1991  。欢迎大家访问！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航