bilibili.html

<!DOCTYPE html>

<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>OnePiece</title>
</head>
   
<style>
    * {
        margin: 0;
        padding: 0;
    }

    header {
        width: 100%;
        height: 300px;
    }
</style>

<body>
    <header>
        <img class="small" width="100%" height="100%" src="https://i02piccdn.sogoucdn.com/2981a07c30b136e2" alt="">
    </header>
    <main>
        <aside>
            <ul>
                <li><a href="https://nanfb.github.io/">首页</a></li>
            </ul>
        </aside>
        <article>
            <div style="width: 900px; height:500px">
                <iframe
                    src="https://player.bilibili.com/player.html?aid=431078567&bvid=BV1CG411J7MG&cid=845877941&page=1"
                    scrolling="no" border="0" frameborder="no" framespacing="0" width="100%" height="100%"
                    allowfullscreen="true"> </iframe>
            </div>
        </article>
    </main>
    <footer> by <a href="https://www.zhihu.com/people/ma-sa-qia-23-29" target="_blank">CGTN</a>
        for <a href="https://www.adalab.cn" target="_blank">Adalab</a>
    </footer>
</body>

</html>