<!DOCTYPE html>
<html>
<head>
<title>影视网站</title>
<meta charset="UTF-8">
<style> /* 设置图片间距 */ img { margin: 10px; }
</style>
</head>
<body>
<h1>影视网站</h1>
<!-- 一级页面 -->
<h2>热门影视剧</h2>
<!-- 第一张剧照，点击跳转到二级页面 -->
<a href="detail.html"><img src="img1.jpg" alt="影视剧1" title="影视剧1"></a>
<!-- 第二张剧照，鼠标悬停显示影视剧名称 -->
<img src="img2.jpg" alt="影视剧2" title="影视剧2">
<!-- 依次类推 -->
<img src="img3.jpg" alt="影视剧3" title="影视剧3">
<img src="img4.jpg" alt="影视剧4" title="影视剧4">
<img src="img5.jpg" alt="影视剧5" title="影视剧5">
<img src="img6.jpg" alt="影视剧6" title="影视剧6">
<img src="img7.jpg" alt="影视剧7" title="影视剧7">
<img src="img8.jpg" alt="影视剧8" title="影视剧8">
<!-- 版权声明 -->
<table> <tr> <td>版权声明：XXX班级 学号 姓名</td> </tr>
</table>
