HTML标签-链接标签|学习笔记

简介: 快速学习HTML标签-链接标签

开发者学堂课程【HTML 入门与实战HTML标签-链接标签】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/593


HTML标签

链接标签

目录:

一、 链接标签的概念

二、 添加链接标签的注意事项

一、链接标签(重点)
单词縮写,anchor 的縮写。基本解释惜,铁错的1633961546026.jpg
在HTML中创建超链接非常简单,只需用标签环绕需要被链接的对象即可,其基本语法格式如下:
href.用于指定链接目标的ur地址,当为标签应用href属性时,它就具有了超链接的功能。Hypertext Reference的揣写。意思是超文本引用targetr用于指定链接页面的打开方式,其职值有slfmblank两种,其中self为默认值,blank为在新窗口中打开方式。

百度、新浪链接标签(外部):

<h3>友情链接:</h3>

<a href=”http://www.baidu.com”>百度</a>

<h3>友情链接:</h3>

<a href=”http://www.sina.com”>新浪</a>

内部链接标签(加入内边链接为“新闻内容”):

<h3>友情链接:</h3>

<a href=”新闻内容.html”>今日新闻</a>

二、注意事项:
1.外部链接需要添加ht:// www.baidu.com
2.内部链援直按链攘内部页面名称即可比如< a href"index.html&apos;>首页</a》
3.如果当时没有确定链接目标时。通常将链接标签的href属性值定义为"即href-").表示该链接暂时为一个空链接。
4.不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频。视頻等都可以添加超链接。

相关文章
|
1月前
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
95 49
|
26天前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
37 5
|
1月前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
1月前
|
JavaScript 前端开发
HTML 链接5
空链接是指在HTML中不指向任何实际资源的链接。常见设置方法包括:`href=&quot;#&quot;`(导航到页面顶部)、`href=&quot;javascript:void(0)&quot;`(阻止默认行为,不刷新页面)、`href=&quot;&quot;`(刷新当前页面)、`href=&quot;about:blank&quot;`(打开空白页面)和`role=&quot;button&quot;`(链接表现为按钮,无默认行为)。选择合适的方法取决于具体应用场景。注意:链接应始终包含正斜杠以避免不必要的HTTP请求。
|
2月前
|
前端开发
HTML 链接2
HTML 使用 `&lt;a&gt;` 标签创建超链接,链接可以是文字或图像,点击后可跳转至新文档或当前文档的特定部分。链接地址通过 `href` 属性指定。默认情况下,未访问的链接为蓝色带下划线,已访问的为紫色,点击时为红色。样式可通过 CSS 自定义。
HTML 链接4
`id`属性用于在HTML文档中创建书签。书签在页面中不可见,但可以通过链接直接跳转到指定位置。例如,在页面内或从其他页面链接到带有`id=&quot;tips&quot;`的元素:`&lt;a href=&quot;#tips&quot;&gt;访问有用的提示部分&lt;/a&gt;` 或 `&lt;a href=&quot;https://www.runoob.com/html/html-links.html#tips&quot;&gt;访问有用的提示部分&lt;/a&gt;`。
|
1月前
|
前端开发 安全 搜索推荐
HTML 链接3
HTML 链接属性包括 `href`(定义链接目标)、`target`(定义打开方式)、`rel`(定义关系)、`download`(提示下载)、`title`(显示工具提示)、`id`(链接锚点)、`hreflang`(目标语言)、`type`(资源类型)、`class`(类名)和 `style`(内联样式)。这些属性帮助实现丰富的链接功能。
|
1月前
|
存储 移动开发 前端开发
|
安全 前端开发 JavaScript
html中的链接不添加http(协议相对 URL)
在HTML中,如果想引用图片,通常会使用类似以下的代码: &lt;img src=&quot;https://www.fgba.net/static/image/common/logo.png&quot; alt=&quot;富贵吧&quot; /&gt; 如果将以上代码改成这样,你觉得图片还能正常显示吗? &lt;img src=&quot;//www.fgba.net/static/image/common/logo.png&quot; alt=&quot;富贵吧&quot; /&gt; 实际上这是可行的,省略URL的协议声明,浏览器照样可以正常引用相应的资源,这项解决方案称为protocol-relative URL,暂且可译作 协议相对 URL。那这么写有什么好处呢?
395 0
html中的链接不添加http(协议相对 URL)