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>
相关文章
|
2月前
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
97 49
|
2月前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
47 5
|
2月前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
3月前
|
JavaScript 前端开发 UED
HTML 超链接的多种类型及应用
【10月更文挑战第17天】HTML 超链接类型丰富多样,它们共同构成了网页中不可或缺的导航和交互元素。通过合理地选择和运用这些超链接类型,我们可以为用户创造更加流畅和便捷的浏览体验,提升网站的可用性和吸引力。
100 1
|
3月前
|
人工智能
|
2月前
|
存储 移动开发 前端开发
|
3月前
|
Web App开发 数据采集 移动开发
HTML5新增的属性和标签
HTML5新增的属性和标签
149 0
|
4月前
|
移动开发 数据可视化 HTML5
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件(Table),包括创建表格、定义列对象、实现数据绑定和排序,以及处理表格事件和获取表格数据的方法。
50 1
|
前端开发 数据安全/隐私保护
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第6章表格与表单
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第6章表格与表单
207 0
|
移动开发 前端开发 HTML5
HTML5学习-表格标签
HTML5学习-表格标签