H5学习之旅-H5的超链接以及图片链接（6）
程序员文章站
2022-05-31 14:02:22
...
链接内容
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）！
上一篇： 如何解决主从数据库同步延迟问题？