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.
不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频。视頻等都可以添加超链接。

 

相关文章
|
14天前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
26 0
|
1天前
|
JavaScript 前端开发 UED
HTML 链接的高阶写法
在 HTML 中,通过使用不同的属性和技术可以增强链接的功能性和可访问性。
|
12天前
|
移动开发 数据安全/隐私保护 UED
HTML表单标签详解:如何用HTML标签打造互动网页?
通过合理使用HTML表单标签,可以构建功能丰富、用户友好的互动网页。HTML表单的元素和属性提供了丰富的输入选项和验证功能,使得收集和处理用户输入成为可能。随着HTML5的发展,表单元素的功能性和用户体验将继续得到提升。开发者应充分利用这些工具,为用户打造流畅、互动性强的网页体验。
24 4
HTML中font标签用法
这篇文章详细介绍了HTML中`<font>`标签的用法,包括如何分别设置字体风格(`font-style`)、字体粗细(`font-weight`)、字体大小(`font-size`)和字体类型(`font-family`),并通过实例代码演示了如何综合使用这些属性来定义文本的字体样式。
HTML中font标签用法
|
16天前
|
移动开发 前端开发 开发者
从 HTML4 到 HTML5 的迁移标签
【8月更文挑战第24天】
27 0
|
16天前
|
移动开发 搜索推荐 索引
HTML5 中 article 标签的含义与作用
【8月更文挑战第24天】
181 0
|
18天前
|
前端开发
HTML+CSS实现奇特的的企业官网效果
HTML+CSS实现奇特的的企业官网效果
HTML+CSS实现奇特的的企业官网效果
|
18天前
|
前端开发 JavaScript
打造现代感十足的卡片式企业官网:HTML+CSS全攻略!
打造现代感十足的卡片式企业官网:HTML+CSS全攻略!
|
12天前
|
移动开发 前端开发 JavaScript
HTML与CSS二三事
HTML与CSS二三事