当前位置: 移动技术网 > IT编程>网页制作>CSS > html 超链接代码实现

html 超链接代码实现

2018年02月10日  | 移动技术网IT编程  | 我要评论

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>

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网