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

TOP
去底部

　　　　　　　　　 使用链接

　 链接，用处巨大，就比如无处不在的超链接，回到顶部等。 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）

回到顶部
这是底部