【前端学习笔记 HTML】案例02-今日热词案例

最新推荐文章于 2023-04-11 23:20:50 发布

World_2

最新推荐文章于 2023-04-11 23:20:50 发布

阅读量323

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_44243770/article/details/127705567

版权

学习的是黑马前端课程
在这里插入图片描述
index.html文件是网站首页面

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>02-综合案例2-今日热词案例</title>
</head>
<body>
    <h1>今日搜索热词</h1>
    <hr>

    <h2>1、阿卡贝拉</h2>
    阿卡贝拉（意大利：Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐，当时的教会音乐只以人声清唱，并不应用乐器。音频示例：
    <a href="./阿卡贝拉.html" target="_blank">阿卡贝拉《千与千寻》</a>

    <h2>2、翻唱</h2>
    “翻唱”是指将已经发表并由他人演唱的歌曲根据自己的风格重新演唱，包括重新填词，编曲。现在已有不少明星，都在翻唱他人的歌，不断在翻唱中突破自己，给大家带来不一样的风格。视频示例： 
    <a href="./翻唱.html" target="_blank">有一种悲伤（翻唱）-《A Kind of Sorrow》</a>
</body>
</html>

在这里插入图片描述

阿卡贝拉.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>阿卡贝拉《千与千寻》</title>
</head>
<body>
    <h1>阿卡贝拉《千与千寻》-AZA微唱团</h1>
    <hr>

    <h2>音频</h2>
    <audio src="../audios/02-音频.mp3" controls loop></audio>
</body>
</html>

在这里插入图片描述

翻唱.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有一种悲伤（翻唱）</title>
</head>
<body>
    <h1>有一种悲伤（翻唱）-《A Kind of Sorrow》-Madilyn</h1>
    <hr>

    <h2>视频</h2>
    <video src="../videos/02-视频.mp4" controls loop></video>
</body>
</html>