您现在的位置：首页 >> 前端 >> 内容

html 超链接代码实现

时间：2018/2/10 14:21:26 点击：

　　核心提示：html 超链接代码实现!DOCTYPE htmlhtml lange=en!-- 设置语音 --head meta charset=UFT-8 !-- 设置编码格式 -- titleTitle/ti...

html 超链接代码实现

<!DOCTYPE html>
<html lange="en">      <!-- 设置语音 -->
<head>
 <meta charset="UFT-8"> <!-- 设置编码格式 -->
 <title>Title</title>
</head>
<body>
 <a href="https://www.baidu.com">
  <img src="1.jpg" title="sss" style="height:200px;width:200px;" alt="XXX">
  <!--  src 图片路径 title 鼠标在图片上时显示  style 设置图片大小 alt 图片不存在时显示-->
 </a>
 
 <p>
  <a href="https://www.baidu.com">百度</a>    <!-- url 跳转 -->
  <a href="#i1">NO-1</a>    <!-- 锚点跳转 #是必须内容 -->
  <a href="#i2">NO-2</a>
  <a href="#i3">NO-3</a>
  
  <p id="i1" style="height:600px">NO-1...</p>    <!-- id 唯一 -->
  <p id="i2" style="height:600px">NO-2...</p>
  
  <p id="i3" style="height:600px">NO-3...</p>
 </p>
 
</body>
</html>