30-10000 web入门 HTML5 链接的几种方式以及写法

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>链接</title>
</head>
<body>
    
    <a href="https://www.baidu.com">点击我</a>
<!-- 图片链接 -->
    <a href="https://www.inspur.com/"> <img src="img/laogchao.png" width="200px" height="200px" alt="浪潮logo"> </a>
<br>
<!--  name属性：创建文档内的链接 -->
  <a name="tips">hello</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> <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> <br> <br> <br> <br> <br> <br>
   <br>
  <a href="#tips">点击跳转到hello</a>
</body>
</html>

效果

 

 

 

posted @ 2021-11-19 15:28  优敏行  阅读(94)  评论(0)    收藏  举报