0基础学前端------DAY3-CSDN博客

本文链接：https://blog.csdn.net/artist123abbb/article/details/143896255

0基础学前端------DAY3

视频参考：B站Pink老师

接着Day2的内容https://blog.csdn.net/artist123abbb/article/details/143469538#comments_35110782,我们继续向后做笔记

4.7超链接标签

在HTML中，<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。

1）链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

其中，两个属性的作用如下：

属性	作用
href	用于指定链接目标的url地址（必须属性），当为标签应用href属性时，就具有了超链接功能。
target	用于指定链接页面的打开方式，_self在当页打开，_blank在新窗口页面打开

2）链接分类

1.外部链接

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

2.内部链接
网站内部页面之间相互链接，直接链接内部页面名称

<a href="index.html" >首页</a>

3.空链接
如果没有确定链接目标时

<a href="#" >首页</a>

4.下载链接
如果href里面的地址是一个文件或压缩包，那么会下载这个文件。
5.网页元素链接
在网页中的各种元素，如文本、图像、表格、音频、视频等都可以添加超链接。
前五个链接代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h4>1.外部链接</h4>
    <a href="http://www.qq.com" target="_blank">腾讯</a>
    target 打开窗口的方式 _self 当前窗口打开页面 _blank 新窗口打开页面
    <a href="http://www.itcast.cn" target="_blank">传智播客</a>
    <h4>2.内部链接：网站内部页面之间的相互链接</h4>
    <a href="公司简介.html" target="_blank">公司简介</a>
    <h4>3.空链接</h4>
    <a href="#">公司简介</a>
    <h4>4.下载链接：地址链接的是文件 .exe或者是 zip等压缩包形式</h4>
    <a href="img.rar">下载文件</a>
    <h4>5.网页元素链接</h4>
    <a href="http://www.qq.com"><img src="img.jpg"></a>
</body>
</html>

效果如下：
在这里插入图片描述

6.锚点链接
当我们点击链接，可以快速定位到页面中的某个位置。
7.书签定位
在链接文本的href属性中，设置属性值为#名字的形式

<a href="#two" >第二集</a>

找到目标位置标签，里面添加一个id属性=刚才的名字

<h3 id="two" >第二集介绍</h3>

后两个代码如下(内容来自于百度百科)：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2 id="docu">目录</h2>
    1.早年经历<br />
    2.演艺经历<br />
    3.<a href=#live>个人生活</a><br />
    <h3>早年经历</h3>
    2012年1月17日，张艺兴以SM公司公布男子组合EXO成员LAY的身份首次亮相，并公开单人出道预告照及第一支单人舞蹈预告《PHOENIX凤凰》 [11-12]；4月8日，以EXO团体和其子队EXO-M中国成员身份正式出道 [13]；12月29日，作为唯一的中国籍主舞与SM旗下男子组合中的舞蹈精英集结成“SM7”，参与SBS歌谣大战S.M. The Performance特别舞台的演出。2013年12月，EXO以圣诞特别专辑《十二月的奇迹》回归，而张艺兴在舞台上的钢琴演奏则获得媒体和专业音乐人的认可 [14]。而在2014年4月份举办的EXO日本FANMEETING中，张艺兴再次进行了钢琴伴奏。2014年5月23日，张艺兴在EXO首尔演唱会中公开自作曲《I’m Lay》；6月起，以个人名义在中国国内进行活动，先后主持《音乐风云榜》《全球中文音乐榜上榜》，并参加录制《星厨驾到》《星星的密室》及《年代秀》等综艺节目 [15-16]；9月19日，变身特派记者应邀参加中央电视台体育频道的仁川亚运会特别节目，探访了中央电视台演播室；12月31日，在湖南卫视跨年演唱会中再次公开自作曲目《I’m Coming》并独秀舞技。
    <h3>演艺经历</h3>
    2020年1月24日，张艺兴与陈伟霆、宝石Gem在2020年中央广播电视总台春节联欢晚会上表演歌舞《过年迪斯科》。 [68-69]2月20日，发行单曲《会好的》，为防疫发声 [70]。3月，加盟爱奇艺自制华语唱作人生态挑战节目《我是唱作人第二季》担任首发嘉宾 [71]，于6月25日发文告别 [72]；3月18日，发行单曲《最美风景线》 [73]；4月，加盟优酷综艺《少年之名》，担任少年制作人 [74]。4月24日，发布单曲《爱莲说(Live)》 [75]。5月3日，发行单曲《不屈的信仰》 [76]。同年，加盟《这！就是街舞第三季》，担任队长 [77]。5月11日，为加强冬奥宣传，普及冬奥知识，带动三亿人参与冰雪运动，北京冬奥组委策划推出“爱豆喊你来助力北京2022”活动。活动邀请了张艺兴等多位青年演员和歌手，围绕冬奥会筹办、吉祥物发布、冬奥会比赛项目，结合北京冬奥会和冬残奥会倒计时进程，推出系列推介短片，为助力北京2022发出最强音。 [78]5月17日，在《极限挑战第六季》播出第二期之后，张艺兴工作室在微博发文，宣布退出《极限挑战第六季》接下来的录制，原因是行程紧密。 [79]5月29日，预售第四张个人专辑《莲》，连刷9项纪录，预售销量突破1500000张 [81]。截至8月26日，《莲》于qq音乐网络平台上已售出245万张。 [82]7月18日，《这！就是街舞第三季》开播，张艺兴担任导师 [83]。7月19日，张艺兴在东方风云榜音乐盛典，表演《莲》《boom》，获得亚洲最具影响力男歌手＆最佳制作人，专辑《Honey》获得最受欢迎EP奖项，大航海演唱会获得最佳演唱会奖项 [84]。9月10日，中国经济出版社联合张艺兴正式发起M-POP音乐教材联合编写的倡议 [85]。9月11日，于新青年2020开学季乐队演唱会演唱《不屈的信仰》 [86]。9月15日，入围第七届中国电视好演员绿组演员名单 [87]。10月10日，官方宣布加盟青年舞者竞技秀《舞蹈风暴第二季》 [88]。10月20日，由中国视协演员工作委员会主办的第七届“中国电视好演员”网络投票结果公布，张艺兴获得中国电视好演员优秀演员（绿组男演员） [89]；11月10日，出席“双十一狂欢夜”，表演《炎黄子孙》 [91]。参演浙江卫视2021跨年晚会。
    为防疫发声 [70]。3月，加盟爱奇艺自制华语唱作人生态挑战节目《我是唱作人第二季》担任首发嘉宾 [71]，于6月25日发文告别 [72]；3月18日，发行单曲《最美风景线》 [73]；4月，加盟优酷综艺《少年之名》，担任少年制作人 [74]。4月24日，发布单曲《爱莲说(Live)》 [75]。5月3日，发行单曲《不屈的信仰》 [76]。同年，加盟《这！就是街舞第三季》，担任队长 [77]。5月11日，为加强冬奥宣传，普及冬奥知识，带动三亿人参与冰雪运动，北京冬奥组委策划推出“爱豆喊你来助力北京2022”活动。活动邀请了张艺兴等多位青年演员和歌手，围绕冬奥会筹办、吉祥物发布、冬奥会比赛项目，结合北京冬奥会和冬残奥会倒计时进程，推出系列推介短片，为助力北京2022发出最强音。 [78]5月17日，在《极限挑战第六季》播出第二期之后，张艺兴工作室在微博发文，宣布退出《极限挑战第六季》接下来的录制，原因是行程紧密。 [79]5月29日，预售第四张个人专辑《莲》，连刷9项纪录，预售销量突破1500000张 [81]。截至8月26日，《莲》于qq音乐网络平台上已售出245万张。 [82]7月18日，《这！就是街舞第三季》开播，张艺兴担任导师 [83]。7月19日，张艺兴在东方风云榜音乐盛典，表演《莲》《boom》，获得亚洲最具影响力男歌手＆最佳制作人，专辑《Honey》获得最受欢迎EP奖项，大航海演唱会获得最佳演唱会奖项 [84]。9月10日，中国经济出版社联合张艺兴正式发起M-POP音乐教材联合编写的倡议 [85]。9月11日，于新青年2020开学季乐队演唱会演唱《不屈的信仰》 [86]。9月15日，入围第七届中国电视好演员绿组演员名单 [87]。10月10日，官方宣布加盟青年舞者竞技秀《舞蹈风暴第二季》 [88]。10月20日，由中国视协演员工作委员会主办的第七届“中国电视好演员”网络投票结果公布，张艺兴获得中国电视好演员优秀演员（绿组男演员） [89]；11月10日，出席“双十一狂欢夜”，表演《炎黄子孙》 [91]。参演浙江卫视2021跨年晚会。
    <h3 id="live">个人生活</h3>
    123569<a href="#docu">返回顶部</a>
</body>
</html>

效果如下：
在这里插入图片描述