Maison > Article > interface Web > H5学习之旅-H5的超链接以及图片链接（6）
H5学习之旅-H5的超链接以及图片链接（6）
- 黄舟original
- 2017-02-17 14:26:231997parcourir
链接内容
1.文本链接
2.图片链接
属性
href：指向另一个文档的链接
name：文档内部的链接
img标签属性
alt：替换文本属性
width：宽
height：高
代码实例
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5样式</title></head><body>
<a href="http://www.baidu.com">点击我跳转</a>
<a href="http://www.baidu.com">
<img src="images/hello.jpg" width="100px" height="100px" alt="美女">
</a>
<a name="tips">hello liupeng</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/>
<a href="#tips">跳转到hello</a></body></html>效果图
链接内容
1.文本链接
2.图片链接
属性
href：指向另一个文档的链接
name：文档内部的链接
img标签属性
alt：替换文本属性
width：宽
height：高
代码实例
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5样式</title></head><body>
<a href="http://www.baidu.com">点击我跳转</a>
<a href="http://www.baidu.com">
<img src="images/hello.jpg" width="100px" height="100px" alt="美女">
</a>
<a name="tips">hello liupeng</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/>
<a href="#tips">跳转到hello</a></body></html>效果图
以上就是H5学习之旅-H5的超链接以及图片链接（6）的内容，更多相关内容请关注PHP中文网（www.php.cn）！
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：H5学习之旅-H5的样式（5）Article suivant：H5 学习之旅-H5表格（7）