HTML——3. <a href=""> 链接、id的基本使用

本文链接：https://blog.csdn.net/only_tao/article/details/104169339

　　　　　　　　　使用链接

　链接，用处巨大，就比如无处不在的超链接，回到顶部等。 1.以下为一些链接，我们可以使用文字作为链接，也可以使用图片作为链接。　　

指向我的一个博客，那里有图片与文字链接。
我的第一个html博客↓

底部有链接的源码↓

<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）

回到顶部
 这是底部