使用链接
链接,用处巨大,就比如无处不在的超链接,回到顶部等。 1.以下为一些链接,我们可以使用文字作为链接,也可以使用图片作为链接。-
底部有链接的源码↓
<a href=“链接。。。”> 这里加上描述,比如网址等</a>
如:百度的链接
<a href="https://www.baidu.com/">百度</a>
<a href="https://www.baidu.com/">
<img src="https://cn.bing.com/th?id=OIP.RlLBK13ahkZDhazyFZGtYwHaEf&pid=Api&rs=1">
<!--src里是图片的链接、url-->
</a>
使用选择器:
id
可以把id当做人的身份证号,区别于class 类->人的名字,同样href是属性选择器
“ :”冒号选择器后面,可加上hover(悬停)
<a href="#bottom"> 去底部</a>
<a id="buttom">这是底部</a>
要清除文字链接底部的下滑线需要style="text-decoration: none;"
但csdn不会显示下划线
源码:
<a id="top" >TOP</a>
<a href="#buttom">去底部</a>
<a href="https://blog.csdn.net/only_tao/article/details/104033538" target="_blank">
指向我的一个博客,那里有图片与文字链接。
</a>
我的第一个html博客↓
<a href="https://blog.csdn.net/only_tao/article/details/104033538" target="_blank">
<img src="http://q5604i1mx.bkt.clouddn.com/html-try.PNG"
alt="初识html" width="120px">
</a>
(style属于css)