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)!
上一篇: 如何解决主从数据库同步延迟问题?