这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战
一、
超链接标签 (重点)
- 链接的语法格式
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
单词 anchor [ˈæŋkə(r)] 的缩写,意为:锚
href:用于链接目标的url地址
target:用于指定链接页面打开的方式,其中_self为默认值,在当前页面打开; _blank为在新窗口打开。
2.链接分类:
- )外部链接: 例如
< a href="http:// [www.baidu.com](www.baidu.com) ">百度。 - )内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如
< a href="index.html">首页 。 - )空链接: 如果当时没有确定链接目标时,
<a href="#">首页 。 - )下载链接: 如果 href 里面地址是一个文件或者压缩包或文档,会下载这个文件,
<a href="img.zip">。(注意图片是不行的) - )网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
- )锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置. (1)在链接文本的 href 属性中,设置属性值为 #名字 的形式,如:
<a href="#selflive">个人生活</a><br/>
(2)找到目标位置标签,里面添加一个 id 属性 = 刚才的名字 ,如:
<h3 id="selflive">个人生活</h3>
以下是以上知识的综合实践代码
<h4>1外部链接</h4>
<a href="http://www.baidu.com" target="_blank">百度(新开页面)</a>
target 打开窗口的方式 默认的值是 _self 当前窗口打开; _blank 新窗口打开页面
<a href="http://www.qq.com" target="_self">QQ(默认当前开)</a>
<a href="http://www.qq.com" target="_self">QQ(默认当前开)</a>
<h4>-------------------------------------------</h4>
<h4>2内部链接:网站内部页面之间的相互链接</h4>
<a href="2图像路径.html" target="_blank">图像路径</a>
<h4>3空链接:#</h4>
<a href="#">这是空链接</a>
<h4>4下载链接:地址链接是文件 .exe 或者是 zip 等压缩包形式。还可以是文档。不能是图片。</h4>
<a href="img.zip">这是下载文件链接</a>
<a href="文档.docx">这是下载文件链接</a>
<h4>5网页元素的链接</h4>
<a href="http://www.qq.com"><img src="img.jpg" width="100"></a>
二、
注释语句
<!-- 注释语句 --> 快捷键: ctrl + /