实现以上图片中的内容
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>热门电影</title>
</head>
<body>
<h1>热门电影板块</h1>
<hr/>
<table width="800">
<tr>
<td><strong>最近热门电影</strong></td>
<td width="50"></td>
<td>热门</td>
<td>最新</td>
<td>豆瓣高分</td>
<td>冷门佳片</td>
<td>华语</td>
<td>欧美</td>
<td>韩国</td>
<td>日本</td>
<td width="100"></td>
<td>更多>></td>
</tr>
</table>
<hr/>
<table>
<tr>
<td><img width="200" height="300" src="F:\web-前端\OIP-1.jpg"></td>
<td><img width="200" height="300" src="F:\web-前端\OIP-2.jpg"></td>
<td><img width="200" height="300" src="F:\web-前端\OIP-3.jpg"></td>
<td><img width="200" height="300" src="F:\web-前端\OIP-4.jpg"></td>
</tr>
<tr>
<td>飞驰人生2</td>
<td>毒液：致命守护者</td>
<td>唐人街探案3</td>
<td>鬼吹灯：巫峡棺山</td>
</tr>
<tr>
<td><img width="200" height="300" src="F:\web-前端\OIP-5.jpg"></td>
<td><img width="200" height="300" src="F:\web-前端\OIP-6.jpg"></td>
<td><img width="200" height="300" src="F:\web-前端\OIP-7.jpg"></td>
<td><img width="200" height="300" src="F:\web-前端\OIP-8.jpg"></td>
</tr>
<tr>
<td>复仇者联盟</td>
<td>西虹市首富</td>
<td>战狼II</td>
<td>刺杀小说家</td>
</tr>
</table>
</body>
</html>运行结果
成功实现。