HTML基础(二)

最新推荐文章于 2023-03-06 17:15:50 发布

小白_小可

最新推荐文章于 2023-03-06 17:15:50 发布

阅读量293

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/Layfolk_XK/article/details/109290390

版权

笔记专栏收录该内容

42 篇文章 1 订阅

订阅专栏

今天我们来学习HTML文件中一个在我们日常生活中经常会使用到的标签----链接标签

链接:

链接是指在电子计算机程序的各模块之间传递参数和控制命令,并把它们组成一个可执行的整体的过程,链接也称超级链接,是指从一个网页指向一个目标的连接关系,所指向的目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是图片,电子邮件地址,文件,甚至是应用程序

这是百度百科对于链接所作出的解释,通俗来说就是:HTML 使用超级链接与网络上的另一个文档相连

HTML链接的创建:

在HTML中利用<a href="跳转目标" target="窗口的弹出方式">文本或者图像</a>来完成链接的创建
target= _self默认值target=_blank新的窗口打开

链接的分类:

1.外部链接:
跳转目标直接就是想要跳转的网址以百度的网址为例:<a href="http://www.baidu.com"">百度一下</a>
2.内部链接:
跳转目标为计算机中的存在的文件 <a href="04_新闻页面.html">新闻页面</a> -->
3.空连接:
点击的链接为空 <a href="#">首页</a>
4.下载链接:
点击链接是一个文件或压缩包,会下载这个文件 <a href="源码.zip">源码</a>
5.网页元素链接
点击这个网页的元素会进行跳转 <a href="http://kanqiutong.cn/"> <img src="足球.jpg" alt="足球"> </a>
6.锚点链接:
点击的时候会快速的定位到网页的某个地方

锚点链接的应用实例

需求:
我想要制作一个热门电影简介的网页点击电影名字就能快速定位到电影的简介部分
代码

<!DOCTYPE html>
<html lang="ch-ZH">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>热门电影影评</title>
</head>
<body>
    <h1>热门电影影评</h1>
    <a href="#1">1.你的名字</a><br>
    <a href="#2">2.千与千寻</a><br>
    <a href="#3">3.血战钢锯岭</a><br>
    <a href="#4">4.绿里奇迹</a><br>
    <a href="#5">5.姜子牙</a><br>
    <br>
    <h4 id="1">1.你的名字</h4>
    <img src="你的名字.jpg" alt="你的名字" title="你的名字" weight=200 height="200">
    <br>
    <p>《你的名字》讲述了相隔遥远的少男少女在梦中相见、相识、相恋的故事。宫永三叶，一个生活在日本深山中的乡下小镇上的女高中生，每日简单而无味的生活使得她对大城市东京的生活产生了无限的遐想。立花泷，是一个生活背景与三叶截然相反的人，他是一个自小生活在大都市的男高中生，喧哗的城市氛围令他对于小城镇的生活充满了遐想。当千年回归一次的彗星造访地球后，本是相隔千里的、素昧平生的他们竟然奇迹般地在梦中相遇了。而在这个充满神秘得梦境之中，三叶变成了生活在大都市的男高中生，泷却变成了成长于小山村的女生……一次梦中的邂逅，宫永三叶和立花泷开始的“寻找从未见过的你”的历程……</p>
    <br>
    <h4 id="2">2.千与千寻</h4>
    <img src="千与千寻.jpeg" alt="千与千寻" title="千与千寻" weight=200 height="200">
    <br>
    <p>十岁的小女孩千寻因为父母的工作调动所以和父母一起从都市里面搬家到了乡下，但是没有想到在她们搬家的路途当中，一家人却发生了意外。她们一家三口莫名的进入了一个又汤屋老板魔女所控制的奇特世界里面，在这个世界里，所有不积极劳动的人都会被变成动物。千寻的爸爸妈妈因为在刚进入那个的时候贪吃，所以变成了猪，千寻为了拯救爸爸妈妈经历了很多磨难，在拯救的过程中她遇到了一个叫做白龙的男孩。这个叫做白龙的男孩外表虽然冷酷但是却非常聪明，在和白龙一起经历了很多事情以后，千寻最后终于就出来了爸爸妈妈，同时也拯救了白龙。</p> 
    <br>
    <h4 id="3">3.血战钢锯岭</h4>
    <img src="血战钢锯岭.jpg" alt="血战钢锯岭" title="血战钢锯岭" weight=200 height="200">
    <br>
    <p>《血战钢锯岭》是熙颐影业出品的一部战争历史片，由梅尔·吉布森执导，安德鲁·加菲尔德、卢克·布雷西、萨姆·沃辛顿、文斯·沃恩、泰莉莎·帕尔墨和雨果·维文主演。影片改编自二战上等兵军医戴斯蒙德·道斯的真实经历，讲述他拒绝携带武器上战场，并在冲绳战役中赤手空拳救下75位战友的传奇故事。 影片于2016年11月04日在美国上映，2016年12月08日在中国上映。 2016年12月，《血战钢锯岭》被选为2016美国电影学会十佳电影。2017年2月，该片获得第89届奥斯卡金像奖最佳音响效果奖，最佳剪辑奖。</p>
    <br>
    <h4 id="4">3.绿里奇迹</h4>
    <img src="绿里奇迹.jpg" alt="绿里奇迹" title="绿里奇迹" weight=200 height="200">
    <br>
    <p>讲述了发生在1932年冷山监狱的故事，故事的主人公是一位高大、善良、沉默寡言的黑人柯菲，他因被指控奸杀双胞胎姐妹而被送进冷山监狱的E区，即死囚区。在通往E区的走廊上铺着酸橙绿色的油毡，在冷山被称作“绿里”。处决死囚犯用的电椅放在绿里尽头，若有人被带到那里，他的生命也就走到尽头。冷山监狱和其他监狱一样充满犯罪与死亡，然而狱警保罗却对让囚犯用生命赎罪的方法却产生怀疑，但目睹太多死亡，他的内心几近麻木，正是巨人柯菲的到来改变了这一切。柯菲虽然身材高大，强壮，却是E区最安静的囚犯，他会认真听保罗说话，和他交流，握手，像普通朋友一样。柯菲还是能为他人带来希望和快乐的囚犯，他利用特殊能力治愈保罗的尿路感染，拯救被珀西杀死的老鼠，挽回狱长夫人的生命……这些神迹让保罗和他的朋友感受到柯菲的仁爱与宽恕，感受到生命的喜悦。不过，欢乐短暂，人与人之间的冷漠与仇恨探深存在世界的每个角落，柯菲善良的心灵无法承受罪恶的现实，他最终选择走上绿里，结束自己的生命。</p>
    <br>
    <h4 id="5">5.姜子牙</h4>
    <img src="姜子牙.jpg" alt="姜子牙" title="姜子牙" weight=200 height="200">
    <br>
    <p>《姜子牙》是由程腾、李炜共同执导的冒险动画电影，郑希、杨凝、图特哈蒙、季冠霖等人参与配音。影片讲述了昆仑弟子姜子牙率领众神伐纣，赢得封神大战胜利，但因一时过失引得昆仑大乱，从此被贬北海，失去神力，被世人唾弃，为重回昆仑，姜子牙踏上旅途寻回自我的故事。该片于2020年10月1日在中国大陆上映。</p>
</body>
</html>

网页的显示结果:
初始页面:
在这里插入图片描述
点击"绿里奇迹"跳转后的页面:

小白_小可

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础(二)

今天我们来学习HTML文件中一个在我们日常生活中经常会使用到的标签----链接标签链接:链接是指在电子计算机程序的各模块之间传递参数和控制命令,并把它们组成一个可执行的整体的过程,链接也称超级链接,是指从一个网页指向一个目标的连接关系,所指向的目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是图片,电子邮件地址,文件,甚至是应用程序这是百度百科对于链接所作出的解释,通俗来说就是:HTML 使用超级链接与网络上的另一个文档相连HTML链接的创建:在HTML中利用<a href="跳转
复制链接

扫一扫