Rumah > Artikel > hujung hadapan web > H5学习之旅-H5的超链接以及图片链接（6）
H5学习之旅-H5的超链接以及图片链接（6）
- 黄舟asal
- 2017-02-17 14:26:231996semak imbas
链接内容
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）！
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：H5学习之旅-H5的样式（5）Artikel seterusnya：H5 学习之旅-H5表格（7）