直接上代码吧
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>案例开发FGO网页</title>
</head>
<body>
<h1>Fate/Grand Order</h1>
<hr>
<h2>FGO简介</h2>
<p><a href="https://game.bilibili.com/fgo/" target="_blank">《Fate/Grand Order》</a> 是TYPE-MOON旗下,由(前)DELiGHTWORKS、(现)Lasengle开发,Aniplex发行的一款冒险卡牌收集类手机游戏,隶属于日本索尼音乐娱乐公司。</p>
<h2>FGO背景</h2>
<p>秘密设立的研究机关“菲尼斯‧迦勒底”(简称迦勒底)结合各种技术,观测人类一百年之后的历史,确保人类的时代能永远存活下去。</p>
<p>在故事开始半年前,迦勒底在一次观测时,发现人类史突然在2016年7月灭绝。查究原因,研究员认为与同一次观察时,7个同样突然在时间轴上出现的“特异点”有关。</p>
<p>为了延续人类历史,迦勒底招募了主角在内48名可以进行灵子转移的人类,前往过去调查与修正“特异点”。</p>
<h2>FGO图片</h2>
<img src="https://th.bing.com/th/id/OIP.--wqDIL74X6gNpb9EgMTYAHaGS?w=202&h=171&c=7&r=0&o=5&dpr=1.3&pid=1.7" alt="图片加载不出来" title="FGO图">
</body>
</html>