HTML5学习-超链接标签

简介: HTML5学习-超链接标签

超链接标签


*<a></a> 单词anchor的缩写  意为:锚*



1,外部连接


    连接的语法格式 : 
      <a href="跳转目标"  target="目标窗口的弹出方式"> 文本或图像</a>
     属性 :
      href    用于指定连接的目标的URL地址,(必须属性)当为标签href属性时,它就具有了超链接的功能
        eg:<a hrf="http//www.qq.com" >腾讯</a>  默认targrt="_self"
      target  用于指定连接页面的打开方式,其中_self为默认值,_blank为在新窗口中的打开方式
        eg:<a hrf="http//www.qq.com" targrt="_self">腾讯</a>
           <a hrf="http//www.qq.com" targrt="_blank">腾讯</a>


2,内部连接


网站内部页面之间的相互连接,直接连接内部页面名称即可
      eg:<a href="index.html">首页</a>   默认targrt="_self"


3,空连接


如果当时没有确定连接的目标时
      eg:<a href="#">首页</a>


4,下载连接


如果href里面地址是一个文件或者压缩包,会下载这个文件。
      eg:<a href="qijian.zip" >下载文件</a>



5,网页元素连接


在网页中的各种网页元素,eg:文本,图像,音频,视屏等等都可以添加超链接。
      eg:<a href="http://www.baidu.com"><img src="img.jpg"/> </a>


6,锚点连接


    点击连接可以快速定位到页面中的某个位置
      在超链接文本href属性中,设置属性值为 #名字 的形式,  如<a href="#two">第二季</a>
      找到目标位置标签,里面添加id属性=名字 ,            如 <h3 id="two">第二季介绍</h3>
相关文章
|
22天前
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
25 1
|
7天前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
10 2
|
11天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
19天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
|
22天前
|
移动开发 搜索推荐 开发者
HTML5中的语义化标签有哪些?
【4月更文挑战第1天】HTML5中的语义化标签有哪些?
9 0
HTML5中的语义化标签有哪些?
|
25天前
|
存储 移动开发 前端开发
html的常用标签
【4月更文挑战第1天】html的常用标签
22 4
|
1月前
如何在HTML中添加标签
如何在HTML中添加标签【2月更文挑战第26天】
34 5
|
11月前
|
前端开发 数据安全/隐私保护
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第6章表格与表单
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第6章表格与表单
177 0
|
移动开发 前端开发 HTML5
HTML5学习-表格标签
HTML5学习-表格标签
|
移动开发 Java HTML5
HTML5 学习7.表格标签
HTML5 学习7.表格标签