we前端开发学习——-第二周

liu49950

已于 2023-05-07 14:17:30 修改

阅读量127

点赞数

文章标签：学习前端 html

于 2023-05-07 14:13:21 首次发布

本文链接：https://blog.csdn.net/liu49950/article/details/130534048

版权

HTML常用标签

文章目录

HTML常用标签

图像标签和路径

1.目录文件夹和根目录；
2.路径
2.1 相对路径
同一级路径：

<body>
    <img src="霉霉.jpg" />
</body>

下一级路径：

<body>
    <img src="images/霉霉.jpg" />
</body>

图片位于images文件夹中
图片位于网页的上一级路径：

<body>
    <img src="../霉霉.jpg" />
</body>

2.2 绝对路径

可复制网络中的图片地址
也可复制电脑中的图片链接（只能在本地查看图片，其他设备看不了）

超链接标签(重点）

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

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

href：用于指定链接目标的url 地址，（必须属性），具有超链接功能
target：用于指定链接页面打开方式，_self为默认值(会替换掉当前窗口然后打开页面），_blank为在新窗口中打开方式
eg:

<body>
    <h4>1.外部链接</h4>
    <a href="http://www.qq.com" target="_blank">腾讯</a>
</body>

![在这里插入图片描述](https://img-blog.csdnimg.cn/8808ae64036146c5a225a4c5dcdec8fd.png#pic_center
3.2
1.外部链接：
eg:<a href="http://www.qq.com" target="_blank">腾讯</a>
2.内部链接:
网站内部页面之间的相互链接。
eg:`首页
内部链接不需要加上http
3.空链接；
4.下载链接：地址是文件或压缩包
5.网页元素链接，如视频、文本、图像等

<body>
    <h4>1.外部链接</h4>
    <a href="http://www.qq.com" target="_blank">腾讯</a>
    <h4>2.内部链接</h4>
    <a href="gongsijianjie.html">公司简介</a>
    <h4>3.空链接:#</h4>
    <a href="#">公司地址</a>
    <h4>4.下载地址：地址链接是 文件.exe 或者是 zip 等压缩包形式</h4>
    <a href="霉霉.zip"> 下载文件</a>
    <h4>5.网页元素的链接</h4>
    <a href="http:www.baidu.com"><img src="images/霉霉.jpg" /></a>
    <img src="images/霉霉.jpg" />
</body>

在这里插入图片描述
锚点链接：快速定位到页面某个位置
1.在href 设置属性值为#名字形式，如<a hreff ="#two"第二集</a>
2.找到目标位置标签，里面加一个id 属性=刚才的名字。如<h3 id="two">第2集介绍</h3>

<body>
    <h2>目录</h2>
    1.<a href="#背景">Taylor Swift的音乐风格和背景介绍</a><br />
    2.<a href="#歌词">Taylor Swift如何通过歌词与听众建立情感共鸣</a><br />
    3.<a href="#emotion">Taylor Swift的音乐视频和社交媒体如何增强情感共鸣</a><br />
    4.<a href="#影响">taylor Swift 的通过音乐给青少年带来的影响</a><br />

    <h3 id="歌词">Taylor Swift如何通过歌词与听众建立情感共鸣</h3>
    1.坦诚真实的歌词：Taylor Swift在歌词中表达自己的真实情感和经历。她直接而坦诚地谈论爱情、心碎、失望和成长等主题，这使得她的歌曲更具可信度和共鸣力。听众可以从她的音乐中感受到她的真实情感，与她建立起情感上的联系。
    <br />
    2. 描述普遍经历和情感：Taylor
    Swift的歌曲通常探索一些普遍的主题和情感，如爱情、友谊、心痛和成长。她的歌词不仅仅描述了自己的经历，也触及到了听众的共同经历和情感。这种共通性使得听众能够在她的音乐中找到自己的故事和感受，从而与她产生共鸣。
    <br />
    3. 创造情感图景：Taylor
    Swift在歌词中运用生动的描述和隐喻，创造出情感图景，帮助听众更好地理解和感受她想表达的情感。她善于用细节描绘场景，通过形象的比喻和符号语言传达情感。这种创造力使得她的歌词更具想象力和视觉性，让听众更容易沉浸其中并产生情感共鸣。
    <br>
    4.触及情感的核心：Taylor
    Swift的歌词常常直击情感的核心，引发听众内心的共鸣。她能够捕捉到情感的细微变化和复杂性，将其转化为动人的歌词。她对爱情、痛苦、成长和自我发现等情感主题的深入探索，使得她的音乐能够打动听众的情感琴弦。<br />
    <h3 id="影响">taylor Swift 的通过音乐给青少年带来的影响</h3>
    自我表达和身份认同：Taylor
    Swift的歌曲探索了青少年常常经历的情感、挫折和成长的主题。她的歌词帮助年轻人理解和表达自己的情感，并在探索自我身份和个性方面提供了启示。她传达的信息是，每个人都有独特的价值和故事，应该勇敢地展示真实的自我。
    <br />
    激励和自信心：Taylor Swift的音乐鼓励青少年追求梦想、坚持自己的信念，并相信自己的能力。她的歌词传达出不放弃、面对困难和逆境的勇气和决心，激发年轻人坚持追求自己的目标，并培养自信心。
    <br />
    健康的人际关系：Taylor Swift的歌曲经常探讨友谊、爱情和家庭关系等人际关系主题。她传递的信息是建立健康、真诚和互相支持的人际关系的重要性。她的音乐教导年轻人如何处理感情问题、面对分歧和冲突，并鼓励他们建立有意义的人际连接。
    <br />
    社会意识和慈善事业：Taylor
    Swift通过她的音乐和公众形象，呼吁年轻人关注社会问题和参与慈善事业。她在歌词中提到了一些社会问题，并通过慈善捐赠和参与活动来支持各种慈善事业。她的行为激励着年轻人为社会做出积极的贡献，并认识到他们的力量可以改变世界。<br />
    <h3 id="emotion">Taylor Swift的音乐视频和社交媒体如何增强情感共鸣</h3>
    展现自我情感状态：Taylor Swift 的音乐视频中，她会表现出自己的情感状态，比如伤心、失落、愤怒等，这些情感状态会与她的音乐、歌词和视频元素相互呼应，从而加深观众对她的情感共鸣。
    <h3 id="背景">Taylor Swift的音乐风格和背景介绍</h3>
    Taylor
    Swift是一位美国流行音乐歌手、词曲创作人和演员。她的音乐风格主要包括流行、乡村流行和流行摇滚，但在她的音乐生涯中也涵盖了其他流派的实验和探索。她以其个人的创作风格和深情的歌词而闻名，通常将她的真实经历和情感故事融入其中。
    <br />
    Taylor
    Swift于1989年12月13日出生在宾夕法尼亚州的一个小镇上。她从小就表现出对音乐的热爱，并在十几岁的时候开始写歌。她与家人一起搬到了田纳西州的纳什维尔，这是一个著名的乡村音乐中心。在那里，她与音乐制作人签约，并于2006年发行了她的首张专辑《Taylor
    Swift》。
    <br />
    《Taylor Swift》获得了巨大的成功，并使她在乡村音乐界崭露头角。随后，她推出了一系列畅销专辑，包括《Fearless》（2008）、《Speak
    Now》（2010）、《Red》（2012）和《1989》（2014）。这些专辑展示了她音乐风格的演变，从乡村音乐中融入了更多流行元素，并获得了广泛的商业和音乐界的认可。
</body>

在这里插入图片描述