<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>制作一个图片表格</title>
<style>
table{
font-size: 40px;
}
/* 用css内部样式设置表格字体大小 */
</style>
</head>
<body>
<h1>热门电影板块</h1>
<h2> 最近热门电影 热门 最新 豆瓣高分冷门佳片 华语 欧美 韩国 更多>>
</h2>
<!--  代表一个空格 -->
<table>
<!-- 用网络路径引入图片加载会相较其他路径缓慢一些-->
<tr>
<td>
<img src="https://img1.doubanio.com/view/photo/m_ratio_poster/public/p2912830708.jpg" alt="链接丢失"width="400px"height="600px">
</td>
<td>
<img src="https://img2.doubanio.com/view/photo/m_ratio_poster/public/p2908302251.jpg" alt="链接丢失"width="400px"height="600px">
</td>
<td>
<img src="https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2909335684.jpg" alt="链接丢失"width="400px"height="600px">
</td>
<td>
<img src="https://img9.doubanio.com/view/photo/m_ratio_poster/public/p457760035.jpg" alt="链接丢失"width="400px"height="600px">
</td>
</tr>
<tr>
<td>出走的决心 </td>
<td>伟大的缺席</td>
<td>我的新朋友</td>
<td>泰坦尼克号</td>
</tr>
<tr>
<td>
<img src="https://img3.doubanio.com/view/photo/m_ratio_poster/public/p2529206747.jpg" alt="链接丢失"width="400px"height="600px">
</td>
<td>
<img src="https://img2.doubanio.com/view/photo/m_ratio_poster/public/p579729551.jpg" alt="链接丢失"width="400px"height="600px">
</td>
<td>
<img src="https://img2.doubanio.com/view/photo/m_ratio_poster/public/p2910701461.jpg" alt="链接丢失"width="400px"height="600px">
</td>
<td>
<img src="https://img3.doubanio.com/view/photo/m_ratio_poster/public/p479682972.jpg" alt="链接丢失"width="400px"height="600px">
</td>
</tr>
<tr>
<td>西虹市首富</td>
<td>三傻大闹宝莱坞</td>
<td>你的名字</td>
<td>楚门的世界</td>
</tr>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
