新手小白第一次用网页html制作歌手专栏

新手小白第一次用网页html制作歌手专栏"/>

新手小白第一次用网页html制作歌手专栏

1.专栏内容

• 歌手简介
• 人物评价
• 音乐单曲
• 视频/音频播放

2.步骤

1.本次使用的是vscode开发工具,新建一个文件夹,新建一个后缀为html文件,一般用index.html当作网页访问的入口

2.记得文件夹下建立一些video,audio,img文件,当需要使用的时候就可以,直接在相对路劲下查找

3.内部样式编写 这里我编写了table,body,img,video主要是美化网络页面

 <style>table{text-align: center;}td{
/*设置单元格内的虚线*/border:1px dashed #ccc}body{font-size: 16px;text-align: center;background: #d0e0e3;}img {display: block; /* 将图片设置为块级元素（block element）*/margin: 0 auto; /* 设置 margin 属性横向居中 */
}
video{display: block; /* 将图片设置为块级元素（block element）*/margin: 0 auto; /* 设置 margin 属性横向居中 */}.link-with-image {display: inline-block;position: relative;}.link-image {position: absolute;top: 100%; /* 将图片定位在链接的下方 */left: 0;display: none; /* 默认隐藏图片 */}.link-with-image:hover .link-image {display: block; /* 悬停时显示图片 */}</style >

这里定义的鼠标悬浮到a标签的出现图片 可以跳转到 写文章-CSDN创作中心

4.设置下拉选项框,这边我做了一个selection选择对应的国籍可以跳转到index.html文件

<select onchange="window.open(this.value)" align = "left"><option value = "index.html">--国籍--</option><option value="" >-中国-</option><option value="">-美国-</option><option value=""selected ="selected">-日本-</option></select>

5.设置锚点,这边我使用的id选择器定位,这里我还使用了鼠标悬浮可以查看图片

<table><td width = "200px" bgcolor="#d9ead3"><ul align = "left" align="center" bgcolor="#d9ead3"><li><a href="#01" class="link-with-image">歌手简介<img src="img/炫酷.png" class="link-image" alt="Hover image"></a></li><li><a href="#04">六感音频播放</a></li><li><a href="#05">六感视频播放</a></li><li><a href="#03" class="link-with-image" >人物评价<img src="img/动漫.jpeg" class="link-image" alt="Hover image"></a></li><li><a href="#02" class="link-with-image" >音乐单曲<img src="img/可爱.jpeg" class="link-image" alt="Hover image"></a></li></ul></td></table>

效果展示

解释,这边图片有点大,就截取其中一部分

3.内容介绍

1.歌手简介

这边我用了table划分区域是为了更好渲染背景

</table><div style="text-align: center;"><img src="img/reol歌手写真2.jpg" alt="" title="reol本当にかわい女" align = "center" width="200px"></div><div><h3 id="01" align ="center" >歌手reol</h3><table align="center" bgcolor="#d9ead3"><td><pre >Reol（れをる），1993年11月9日出生于日本长野县，日本创作型歌手、音乐制作人 。从2012年开始，她在视频分享网站上创作和发布音乐。2015年7月29日，首次以れをる的名义发行了专辑《极彩色》2016年至2017年，在音乐组合REOL中担任主唱、词曲作者、总制作人。2018年1月9日，个人首支数位单曲《平面镜》发行 ；同年10月17日，个人首张录音室专辑《事实上》发行 。2019年3月20日，发行个人首张EP《文明》。2020年1月22日，个人第二张录音室专辑《金字塔》发行 。2021年12月15日，个人第二张迷你专辑《第六感》发行。2022年11月16日，发行了个人的首张单曲碟《COLORED DISC》。2023年1月26日起，开始举办“Reol Oneman Live 2023 ‘新式浪漫’”日本巡回演唱会。</pre></td></table>

效果展示

2.音乐单曲

这边我使用的使用的是表格制作

<div><h3 id="02" align ="center">音乐单曲</h3><table width="100%" align="center" bgcolor="#d9ead3"><thead><tr><th width = "250">歌曲名称</td><th width = "100">歌曲风格</td><th width = "140">发行时间</td><th widt = "330">歌曲简介</td></tr></thead><tr><td>DDD</td><td>流行</td><td>2023-9-29</td><td></td></tr><tr><td>第六感 - From THE FIRST TAK</td><td>流行</td><td>2023-9-22</td><td></td></tr><tr><td>切っ先</td><td>流行</td><td>2023-7-7</td><td>日本电视动画《浪客剑心 -明治剑客浪漫谭-》片尾曲</td></tr><tr><td>切っ先 -Anime Ver.-</td><td>电子流行</td><td>2023-6-19</td><td>日本电视动画《浪客剑心 -明治剑客浪漫谭-》片尾曲</td></tr></table>
</div>

效果展示

3.人物评价

和歌手简介一样的思路,这里的p标签用于换行

<div><h3 align ="center" id="03">人物评价</h3><table  bgcolor="#d9ead3" ><td  > <pre >“Reol Oneman Live 2023 ‘新式浪漫’”巡回演唱会中的她，让观众们很好地感受到了Reol的玩心与执着。富有新意的舞台布景与穿着流苏斗笠的Reol，为观众们营造出了很强的神秘气氛，而当Reol开始用她那具有爆发力的嗓音开始演唱的时候，更是吸引观众。演唱不同歌曲的时候，Reol都能恰到好处地流露、传递出自己的情感，不重复、丰富多彩。Reol用富有戏剧性的唱腔以演绎《秋映》一曲，使得听众不由自主地为之感到心头一颤，她通过该曲，将自己对故乡的思念传达给了每位听者，很好地引发了众人的共情</pre></td></table><p></p><p></p><img src="img/reol上台演出.jpg" alt="" align ="center" width="400px" title="reol上台演出"> </div>

效果展示

4.第六感播放

这边加了gif动图,需要注意的是,如果需要放慢gif播放速度,这边有一个网站可以推荐 GIF在线制作，一键合成gif动图，在线gif压缩裁剪编辑工具 - AI改图神器 (logosc)t

支持gif裁剪和播放速度调整

<table align="center"><thead><td><h3 align ="center" id="04">六感播放</h3></td></thead><tr><td><img src="img/AI改图-1920x1920-1664x1664.gif" alt="" width="400"></td></tr><p></p><p></p><tr><td><audio id="aduio"src="aduio/Reol - 第六感.MP3"  autoplay="autoplay" loop="" controls ></audio></td></tr></table>

实际效果展示

5.音乐歌词

这里我配了相应的音乐歌词,这边因为只有一行我省略了tr

 <table align="center" bgcolor="#d9ead3"><thead><td width = "180px"> 原文</td><td width = "180px">中文翻译</td></thead><td><pre>いつか観ていた映画の中みたい工事中の駅前空へ背伸びしていくビルディングヒールが鳴らすリズムと命の音が揃うあたしはまだ未完成で不完全起死回生のハウトゥー知ってるの今が一番若いの第六感 六感またがって今日は年甲斐ないことしたいの予定にないこと第六感 六感おしえて物足りないの 引き合いたいよ偶然とハートしたいさぁおいでませ誰彼(I got it)道連れ世は情け(I got it)ご覧召しませ この手立て弱さ凌ぐ一手 賢さにありいつか話した予想とは違っているものさそんな悲しまないでいいよ今が一番早いの第六感 六感あやかって疾走るハート嘘はつけないよ台詞にない言葉交換 交換おしえてそうくだらないを 言い合いたい特別を感じたい産声をあげた日は理由もなく泣いていたのに今僕ら 泣くことすらうまくできずにされどしかと死守せよ品格と真似できぬプライドをせーので手放せよ感覚で胸を打つものそれ以外をCrazy about this thing今が一番若いの第六感 六感またがって今日は年甲斐ないことしたいの予定にないこと第六感 六感おしえておしえて おしえて今最高潮なんです第六感 六感またがってこのまま何処までいけるの途方も無いままで六感 六感おしえてもう揺るがないこの速度はそう偶然とハートしたい      </pre>  </td><td><pre>像是曾经看过的电影中上演的一般正在施工的车站前向着天空伸展的公寓大楼踏响鞋跟的节律和生命的鼓动声一致我还是未成熟的、待雕刻的如何(How to)起死回生 你知道吗？跨上现在最年轻的第六感今天想做点年少轻狂的事情没有计划好的事情都由第六感告诉我美中不足的事情欲图互相拉扯渴望偶然与心碰撞无论是谁都往那里去吧(I got it)出门靠旅伴 处事靠人情(I got it)请看吧 我用这双手独自克服弱点 聪明伶俐 年轻有为与我们畅谈过的预想与之愿违的事物啊不用那么悲伤也可以啊！凭借最快到来的第六感吧疾速飞驰的心是不会说谎的喔台词中没有出现的话语 告诉我交换的方法吧对 让我们来争论些无所谓的话语吧因为想要切身感受特别明明在诞生的那一天都毫无理由地发声大哭了如今我们甚至连哭泣都无法做到没有办法 我们只能死死地坚守在这里啊！用自我的品德 和无法复刻的自尊心数1、2、3 准备好就肆无忌惮地放手去做吧！用感觉敲打胸腔的东西 除此之外我为此疯狂驾驭现在最年轻的第六感今天做点年少轻狂的事情吧没有计划好的事情就由第六感告诉我！告诉我！当下就在最高潮！驾驭第六感这样不管什么地方都能前往就算漫无目的也好接下来就由第六感告诉我！用已经无法动摇的前进速度去和偶然与心灵碰撞吧！ </pre></td></table>

实际效果图

6.视频播放

这边视频播放我使用了3种可以查看视频的方式,第一种用a标签实现,第二种可以使用二维码实现,第三种就是自己投入视频

这边推荐一个转二维码的网站  二维彩虹在线二维码生成器/网址生成二维码/制作二维码/PDF二维码/文件视频二维码——北京中比熙林艺术设计工作室 (erweicaihong)

 <div><h3 align="center" id ="05" >视频播放</h3><video src="video/4b411a5ede4a1fb7fb72811884995fa3.mp4" width="800px" controls></video></div><div><h3 align="center" id ="05" >视频播放</h3><p></p><p></p><img src="img/二维码.png" alt="" width="300px"><a href="=1234">播放视频</a></div>

实际效果

4.整体代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>reol</title><style>table{text-align: center;}td{border:1px dashed #ccc}body{font-size: 16px;text-align: center;background: #d0e0e3;}img {display: block; /* 将图片设置为块级元素（block element）*/margin: 0 auto; /* 设置 margin 属性横向居中 */
}
video{display: block; /* 将图片设置为块级元素（block element）*/margin: 0 auto; /* 设置 margin 属性横向居中 */}.link-with-image {display: inline-block;position: relative;}.link-image {position: absolute;top: 100%; /* 将图片定位在链接的下方 */left: 0;display: none; /* 默认隐藏图片 */}.link-with-image:hover .link-image {display: block; /* 悬停时显示图片 */}</style ><select onchange="window.open(this.value)" align = "left"><option value = "index.html">--国籍--</option><option value="" >-中国-</option><option value="">-美国-</option><option value=""selected ="selected">-日本-</option></select></head>
<body> <table><td width = "200px" bgcolor="#d9ead3"><ul align = "left" align="center" bgcolor="#d9ead3"><li><a href="#01" class="link-with-image">歌手简介<img src="img/炫酷.png" class="link-image" alt="Hover image"></a></li><li><a href="#04">六感音频播放</a></li><li><a href="#05">六感视频播放</a></li><li><a href="#03" class="link-with-image" >人物评价<img src="img/动漫.jpeg" class="link-image" alt="Hover image"></a></li><li><a href="#02" class="link-with-image" >音乐单曲<img src="img/可爱.jpeg" class="link-image" alt="Hover image"></a></li></ul></td></table><div style="text-align: center;"><img src="img/reol歌手写真2.jpg" alt="" title="reol本当にかわい女" align = "center" width="200px"></div><div><h3 id="01" align ="center" >歌手reol</h3><table align="center" bgcolor="#d9ead3"><td><pre >Reol（れをる），1993年11月9日出生于日本长野县，日本创作型歌手、音乐制作人 。从2012年开始，她在视频分享网站上创作和发布音乐。2015年7月29日，首次以れをる的名义发行了专辑《极彩色》2016年至2017年，在音乐组合REOL中担任主唱、词曲作者、总制作人。2018年1月9日，个人首支数位单曲《平面镜》发行 ；同年10月17日，个人首张录音室专辑《事实上》发行 。2019年3月20日，发行个人首张EP《文明》。2020年1月22日，个人第二张录音室专辑《金字塔》发行 。2021年12月15日，个人第二张迷你专辑《第六感》发行。2022年11月16日，发行了个人的首张单曲碟《COLORED DISC》。2023年1月26日起，开始举办“Reol Oneman Live 2023 ‘新式浪漫’”日本巡回演唱会。</pre></td></table></div><div><h3 id="02" align ="center">音乐单曲</h3><table width="100%" align="center" bgcolor="#d9ead3"><thead><tr><th width = "250">歌曲名称</td><th width = "100">歌曲风格</td><th width = "140">发行时间</td><th widt = "330">歌曲简介</td></tr></thead><tr><td>DDD</td><td>流行</td><td>2023-9-29</td><td></td></tr><tr><td>第六感 - From THE FIRST TAK</td><td>流行</td><td>2023-9-22</td><td></td></tr><tr><td>切っ先</td><td>流行</td><td>2023-7-7</td><td>日本电视动画《浪客剑心 -明治剑客浪漫谭-》片尾曲</td></tr><tr><td>切っ先 -Anime Ver.-</td><td>电子流行</td><td>2023-6-19</td><td>日本电视动画《浪客剑心 -明治剑客浪漫谭-》片尾曲</td></tr></table></div><div><h3 align ="center" id="03">人物评价</h3><table  bgcolor="#d9ead3" ><td  > <pre >“Reol Oneman Live 2023 ‘新式浪漫’”巡回演唱会中的她，让观众们很好地感受到了Reol的玩心与执着。富有新意的舞台布景与穿着流苏斗笠的Reol，为观众们营造出了很强的神秘气氛，而当Reol开始用她那具有爆发力的嗓音开始演唱的时候，更是吸引观众。演唱不同歌曲的时候，Reol都能恰到好处地流露、传递出自己的情感，不重复、丰富多彩。Reol用富有戏剧性的唱腔以演绎《秋映》一曲，使得听众不由自主地为之感到心头一颤，她通过该曲，将自己对故乡的思念传达给了每位听者，很好地引发了众人的共情</pre></td></table><p></p><p></p><img src="img/reol上台演出.jpg" alt="" align ="center" width="400px" title="reol上台演出"> </div><div><table align="center"><thead><td><h3 align ="center" id="04">六感播放</h3></td></thead><tr><td><img src="img/AI改图-1920x1920-1664x1664.gif" alt="" width="400"></td></tr><p></p><p></p><tr><td><audio id="aduio"src="aduio/Reol - 第六感.MP3"  autoplay="autoplay" loop="" controls ></audio></td></tr></table><p></p><p></p><table align="center" bgcolor="#d9ead3"><thead><td width = "180px"> 原文</td><td width = "180px">中文翻译</td></thead><td><pre>いつか観ていた映画の中みたい工事中の駅前空へ背伸びしていくビルディングヒールが鳴らすリズムと命の音が揃うあたしはまだ未完成で不完全起死回生のハウトゥー知ってるの今が一番若いの第六感 六感またがって今日は年甲斐ないことしたいの予定にないこと第六感 六感おしえて物足りないの 引き合いたいよ偶然とハートしたいさぁおいでませ誰彼(I got it)道連れ世は情け(I got it)ご覧召しませ この手立て弱さ凌ぐ一手 賢さにありいつか話した予想とは違っているものさそんな悲しまないでいいよ今が一番早いの第六感 六感あやかって疾走るハート嘘はつけないよ台詞にない言葉交換 交換おしえてそうくだらないを 言い合いたい特別を感じたい産声をあげた日は理由もなく泣いていたのに今僕ら 泣くことすらうまくできずにされどしかと死守せよ品格と真似できぬプライドをせーので手放せよ感覚で胸を打つものそれ以外をCrazy about this thing今が一番若いの第六感 六感またがって今日は年甲斐ないことしたいの予定にないこと第六感 六感おしえておしえて おしえて今最高潮なんです第六感 六感またがってこのまま何処までいけるの途方も無いままで六感 六感おしえてもう揺るがないこの速度はそう偶然とハートしたい      </pre>  </td><td><pre>像是曾经看过的电影中上演的一般正在施工的车站前向着天空伸展的公寓大楼踏响鞋跟的节律和生命的鼓动声一致我还是未成熟的、待雕刻的如何(How to)起死回生 你知道吗？跨上现在最年轻的第六感今天想做点年少轻狂的事情没有计划好的事情都由第六感告诉我美中不足的事情欲图互相拉扯渴望偶然与心碰撞无论是谁都往那里去吧(I got it)出门靠旅伴 处事靠人情(I got it)请看吧 我用这双手独自克服弱点 聪明伶俐 年轻有为与我们畅谈过的预想与之愿违的事物啊不用那么悲伤也可以啊！凭借最快到来的第六感吧疾速飞驰的心是不会说谎的喔台词中没有出现的话语 告诉我交换的方法吧对 让我们来争论些无所谓的话语吧因为想要切身感受特别明明在诞生的那一天都毫无理由地发声大哭了如今我们甚至连哭泣都无法做到没有办法 我们只能死死地坚守在这里啊！用自我的品德 和无法复刻的自尊心数1、2、3 准备好就肆无忌惮地放手去做吧！用感觉敲打胸腔的东西 除此之外我为此疯狂驾驭现在最年轻的第六感今天做点年少轻狂的事情吧没有计划好的事情就由第六感告诉我！告诉我！当下就在最高潮！驾驭第六感这样不管什么地方都能前往就算漫无目的也好接下来就由第六感告诉我！用已经无法动摇的前进速度去和偶然与心灵碰撞吧！ </pre></td></table></div><div><h3 align="center" id ="05" >视频播放</h3><video src="video/4b411a5ede4a1fb7fb72811884995fa3.mp4" width="800px" controls></video></div><div><h3 align="center" id ="05" >视频播放</h3><p></p><p></p><img src="img/二维码.png" alt="" width="300px"><a href="=1234">播放视频</a></div><div><table align="right"><td>浅语原创</td></table></div></body></html>

整体实际展示

最终代码图

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>reol</title><style>table{text-align: center;}td{border:1px dashed #ccc}body{font-size: 16px;text-align: center;background: #d0e0e3;}img {display: block; /* 将图片设置为块级元素（block element）*/margin: 0 auto; /* 设置 margin 属性横向居中 */
}
video{display: block; /* 将图片设置为块级元素（block element）*/margin: 0 auto; /* 设置 margin 属性横向居中 */}.link-with-image {display: inline-block;position: relative;}.link-image {position: absolute;top: 100%; /* 将图片定位在链接的下方 */left: 0;display: none; /* 默认隐藏图片 */}.link-with-image:hover .link-image {display: block; /* 悬停时显示图片 */}</style ><select onchange="window.open(this.value)" align = "left"><option value = "index.html">--国籍--</option><option value="" >-中国-</option><option value="">-美国-</option><option value=""selected ="selected">-日本-</option></select></head>
<body> <table><td width = "200px" bgcolor="#d9ead3"><ul align = "left" align="center" bgcolor="#d9ead3"><li><a href="#01" class="link-with-image">歌手简介<img src="img/炫酷.png" class="link-image" alt="Hover image"></a></li><li><a href="#04">六感音频播放</a></li><li><a href="#05">六感视频播放</a></li><li><a href="#03" class="link-with-image" >人物评价<img src="img/动漫.jpeg" class="link-image" alt="Hover image"></a></li><li><a href="#02" class="link-with-image" >音乐单曲<img src="img/可爱.jpeg" class="link-image" alt="Hover image"></a></li></ul></td></table><div style="text-align: center;"><img src="img/reol歌手写真2.jpg" alt="" title="reol本当にかわい女" align = "center" width="200px"></div><div><h3 id="01" align ="center" >歌手reol</h3><table align="center" bgcolor="#d9ead3"><td><pre bgcplor ="#d9ead3">Reol（れをる），1993年11月9日出生于日本长野县，日本创作型歌手、音乐制作人 。从2012年开始，她在视频分享网站上创作和发布音乐。2015年7月29日，首次以れをる的名义发行了专辑《极彩色》2016年至2017年，在音乐组合REOL中担任主唱、词曲作者、总制作人。2018年1月9日，个人首支数位单曲《平面镜》发行 ；同年10月17日，个人首张录音室专辑《事实上》发行 。2019年3月20日，发行个人首张EP《文明》。2020年1月22日，个人第二张录音室专辑《金字塔》发行 。2021年12月15日，个人第二张迷你专辑《第六感》发行。2022年11月16日，发行了个人的首张单曲碟《COLORED DISC》。2023年1月26日起，开始举办“Reol Oneman Live 2023 ‘新式浪漫’”日本巡回演唱会。</pre></td></table></div><div><h3 id="02" align ="center">音乐单曲</h3><table width="100%" align="center" bgcolor="#d9ead3"><thead><tr><th width = "250">歌曲名称</td><th width = "100">歌曲风格</td><th width = "140">发行时间</td><th widt = "330">歌曲简介</td></tr></thead><tr><td>DDD</td><td>流行</td><td>2023-9-29</td><td></td></tr><tr><td>第六感 - From THE FIRST TAK</td><td>流行</td><td>2023-9-22</td><td></td></tr><tr><td>切っ先</td><td>流行</td><td>2023-7-7</td><td>日本电视动画《浪客剑心 -明治剑客浪漫谭-》片尾曲</td></tr><tr><td>切っ先 -Anime Ver.-</td><td>电子流行</td><td>2023-6-19</td><td>日本电视动画《浪客剑心 -明治剑客浪漫谭-》片尾曲</td></tr></table></div><div><h3 align ="center" id="03">人物评价</h3><table  bgcolor="#d9ead3" ><td  > <pre >“Reol Oneman Live 2023 ‘新式浪漫’”巡回演唱会中的她，让观众们很好地感受到了Reol的玩心与执着。富有新意的舞台布景与穿着流苏斗笠的Reol，为观众们营造出了很强的神秘气氛，而当Reol开始用她那具有爆发力的嗓音开始演唱的时候，更是吸引观众。演唱不同歌曲的时候，Reol都能恰到好处地流露、传递出自己的情感，不重复、丰富多彩。Reol用富有戏剧性的唱腔以演绎《秋映》一曲，使得听众不由自主地为之感到心头一颤，她通过该曲，将自己对故乡的思念传达给了每位听者，很好地引发了众人的共情</pre></td></table><p></p><p></p><img src="img/reol上台演出.jpg" alt="" align ="center" width="400px" title="reol上台演出"> </div><div><table align="center"><thead><td><h3 align ="center" id="04">六感播放</h3></td></thead><tr><td><img src="img/AI改图-1920x1920-1664x1664.gif" alt="" width="400"></td></tr><p></p><p></p><tr><td><audio id="aduio"src="aduio/Reol - 第六感.MP3"  autoplay="autoplay" loop="" controls ></audio></td></tr></table><p></p><p></p><table align="center" bgcolor="#d9ead3"><thead><td width = "180px"> 原文</td><td width = "180px">中文翻译</td></thead><td><pre>いつか観ていた映画の中みたい工事中の駅前空へ背伸びしていくビルディングヒールが鳴らすリズムと命の音が揃うあたしはまだ未完成で不完全起死回生のハウトゥー知ってるの今が一番若いの第六感 六感またがって今日は年甲斐ないことしたいの予定にないこと第六感 六感おしえて物足りないの 引き合いたいよ偶然とハートしたいさぁおいでませ誰彼(I got it)道連れ世は情け(I got it)ご覧召しませ この手立て弱さ凌ぐ一手 賢さにありいつか話した予想とは違っているものさそんな悲しまないでいいよ今が一番早いの第六感 六感あやかって疾走るハート嘘はつけないよ台詞にない言葉交換 交換おしえてそうくだらないを 言い合いたい特別を感じたい産声をあげた日は理由もなく泣いていたのに今僕ら 泣くことすらうまくできずにされどしかと死守せよ品格と真似できぬプライドをせーので手放せよ感覚で胸を打つものそれ以外をCrazy about this thing今が一番若いの第六感 六感またがって今日は年甲斐ないことしたいの予定にないこと第六感 六感おしえておしえて おしえて今最高潮なんです第六感 六感またがってこのまま何処までいけるの途方も無いままで六感 六感おしえてもう揺るがないこの速度はそう偶然とハートしたい      </pre>  </td><td><pre>像是曾经看过的电影中上演的一般正在施工的车站前向着天空伸展的公寓大楼踏响鞋跟的节律和生命的鼓动声一致我还是未成熟的、待雕刻的如何(How to)起死回生 你知道吗？跨上现在最年轻的第六感今天想做点年少轻狂的事情没有计划好的事情都由第六感告诉我美中不足的事情欲图互相拉扯渴望偶然与心碰撞无论是谁都往那里去吧(I got it)出门靠旅伴 处事靠人情(I got it)请看吧 我用这双手独自克服弱点 聪明伶俐 年轻有为与我们畅谈过的预想与之愿违的事物啊不用那么悲伤也可以啊！凭借最快到来的第六感吧疾速飞驰的心是不会说谎的喔台词中没有出现的话语 告诉我交换的方法吧对 让我们来争论些无所谓的话语吧因为想要切身感受特别明明在诞生的那一天都毫无理由地发声大哭了如今我们甚至连哭泣都无法做到没有办法 我们只能死死地坚守在这里啊！用自我的品德 和无法复刻的自尊心数1、2、3 准备好就肆无忌惮地放手去做吧！用感觉敲打胸腔的东西 除此之外我为此疯狂驾驭现在最年轻的第六感今天做点年少轻狂的事情吧没有计划好的事情就由第六感告诉我！告诉我！当下就在最高潮！驾驭第六感这样不管什么地方都能前往就算漫无目的也好接下来就由第六感告诉我！用已经无法动摇的前进速度去和偶然与心灵碰撞吧！ </pre></td></table></div><div><h3 align="center" id ="05" >视频播放</h3><video src="video/4b411a5ede4a1fb7fb72811884995fa3.mp4" width="800px" controls></video></div><div><h3 align="center" id ="05" >视频播放</h3><p></p><p></p><img src="img/二维码.png" alt="" width="300px"><a href="=1234">播放视频</a></div><div><table align="right"><td>浅语原创</td></table></div></body></html>

实际效果网页展示