效果图:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>豆瓣电影</title>
<style>
img{
width: 300px;
}
#movie{
margin: auto;
}
</style>
</head>
<body>
<h1>热门电影板块</h1>
<hr>
<div>
<table>
<tr>
<td width="400"><h2>最近热门电影</h2></td>
<td width="100">热门</td>
<td width="100">最新</td>
<td width="100">豆瓣高分</td>
<td width="100">冷门佳片</td>
<td width="100">华语</td>
<td width="100">欧美</td>
<td width="100">韩国</td>
<td width="400">日本</td>
<td>更多>></td>
</tr>
</table>
</div>
<hr>
<div>
<table id="movie">
<tr>
<td><img src="./img/movie1.jpg" alt="猜火车8.1"><br>猜火车8.1</td>
<td><img src="./img/movie2.jpg" alt="贝尔科实验室6.0"><br>贝尔科实验室6.0</td>
<td><img src="./img/movie3.jpg" alt="加州公路巡警6.8"><br>加州公路巡警6.8</td>
<td><img src="./img/movie4.jpg" alt="歌声不绝6.3"><br>歌声不绝6.3</td>
</tr>
<tr>
<td><img src="./img/movie5.jpg" alt="明日的我与昨日的我"><br>明日的我与昨日的我</td>
<td><img src="./img/movie6.jpg" alt="速度与激情8"><br>速度与激情8</td>
<td><img src="./img/movie7.jpg" alt="极速特工"><br>极速特工</td>
<td><img src="./img/movie8.jpg" alt="金刚狼3:殊死一战"><br>金刚狼3:殊死一战</td>
</tr>
</table>
</div>
</body>
</html>