HTML笔记（3）
HTML笔记（3）
今天考完试了，晚修的时候学习了HTML，回到寝室实践+总结。
今天学习的是重点内容：超链接标签
比如我们打开百度时界面上的小字，点进去会跳到别的页面去的就是超链接
链接的语法格式：
<a href="跳转目标" target="目标窗口弹出的方式>图像或文本</a>
其中a是anchor的缩写，意为：锚
两个属性的作用如下：
href | 用于指定链接目标的url地址，（必须属性），当标签有href时，他就具有了超链接的功能。（不要拼错） |
|---|---|
target | 用于指定链接页面的打开方式，其中_self为默认值，在本窗口打开，_blank为在新窗口打开方式。 |
以下是代码实例：
<!-- 外部链接的使用方式 -->
<a href="跳转目标" target="_blank">文本或图像</a><br />
<a href="http://www.baidu.com">百度</a><br />
<a href="http://www.sogou.com" target="_blank">搜狗</a><br/>
<!-- 内部链接的使用 -->
<a href="2021-5-7.html" target="_blank">时事新闻</a>
<h4>空链接</h4>
<a href="#" target="_blank">公司地址</a>
<h4>下载链接</h4>
<a href="pic.zip">下载图片</a>
<h4>网页元素的链接-图片链接</h4>
<a href="http://www.baidu.com" target="_blank"> <img src="pic1.jpg"/></a>效果展示：
锚点链接
有时候我们在浏览内容很多的页面时，会有一些超链接按钮帮助我们直达想看的内容，这就是锚点链接，比如百度百科里的目录：
设置锚点链接的方法：
- 在链接文本的href属性中，设置href属性值为#名字的形式 如 <a href="#one">第一集</a>
- 找到目标位置标签,里面添加一个id属性=刚才的名字 如 <h3 id="one">第一集介绍</h3>
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2021-05-12，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
