用html写一个关于网抑云的治愈网页
时间: 2023-10-03 07:08:46 浏览: 179
Hyperblog:一个很棒的关于 platzi 的 git 和 github 治愈的博客
<!DOCTYPE html>
<html>
<head>
<title>网抑云治愈站</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>网抑云治愈站</h1>
</header>
<nav>
<ul>
<li><a href="#music">音乐推荐</a></li>
<li><a href="#video">视频推荐</a></li>
<li><a href="#picture">图片推荐</a></li>
</ul>
</nav>
<main>
<section id="music">
<h2>音乐推荐</h2>
<p>听一些轻柔的音乐,可以让人放松心情,缓解压力。</p>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
src="//music.163.com/outchain/player?type=2&id=26217017&auto=1&height=66"></iframe>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
src="//music.163.com/outchain/player?type=2&id=461590672&auto=1&height=66"></iframe>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
src="//music.163.com/outchain/player?type=2&id=411726&auto=1&height=66"></iframe>
</section>
<section id="video">
<h2>视频推荐</h2>
<p>看一些治愈系的视频,可以让人心情愉悦。</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/4UUPC2GvLQY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/9MxX-PQjyN8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/IvUU8joBb1Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</section>
<section id="picture">
<h2>图片推荐</h2>
<p>欣赏一些美丽的图片,可以让人感到愉悦和放松。</p>
<img src="https://i.pinimg.com/564x/1a/41/0f/1a410f2c60b61c820c947e07a9f601c1.jpg" alt="阳光海滩">
<img src="https://i.pinimg.com/564x/7f/2c/2e/7f2c2e7a1a0cbbaf8a3d3e1c54b9f111.jpg" alt="森林小路">
<img src="https://i.pinimg.com/564x/1b/9b/3c/1b9b3c5f72f0f5c1fa8f8d28e0daa9a9.jpg" alt="波光粼粼的湖泊">
</section>
</main>
<footer>
<p>网抑云治愈站 © 2021</p>
</footer>
</body>
</html>
阅读全文