代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>比奇堡</h1>
<p>比奇堡,美国动画片《海绵宝宝》及其衍生作品中的地点。是海绵宝宝等角色居住的地点,片中的绝大部分角色都居住于此。</p>
<p>其作者为 <a href="#" target="_blank">保罗 </a> </p>
<h2>常住居民</h2>
<p>菠萝屋(凤梨屋) 海绵宝宝的家,是从船上掉下来的,原型是菠萝。曾经是章鱼哥的花园。</p>
<p>章鱼哥的家,原型是复活节岛的石像。顶部刚好可以堵上比基尼海滩火山。</p>
<p>派大星的家,原型是石头。派大星住在这下面,里面的一切都是沙子做的,唯一能躲开珊迪的地方</p>
<video src="./imgs/video.mp4" controls loop muted autoplay></video>
</body>
</html>
实现效果: