web——豆瓣电影

02ue^

已于 2024-10-25 09:17:01 修改

阅读量1.1k

点赞数 14

文章标签：前端 javascript html

于 2024-09-25 12:47:41 首次发布

本文链接：https://blog.csdn.net/weixin_63529199/article/details/142520400

版权

一，代码

二，结果

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>豆瓣电影</title>
</head>
<body>
    <h2>热门电影板块</h2>
    <hr style="border: 2px solid ; width: 1500px;">
    <table width="800">
        <tr>
            <td><b>最近热门电影</b></td>
            <td>热门</td>
            <td>最新</td>
            <td>豆瓣高分</td>
            <td>冷门佳片</td>
            <td>华语</td>
            <td>欧美</td>
            <td>韩国</td>
            <td>日本</td>
            <td width="100"></td>
            <td>
                <a href="#">更多>></a>
            </td>
        </tr>
    </table>
    <hr style="border: 1px solid ; width: 1500px;">
    <table>
        <tr>
            <td><video width="200" height="243"controls autoplay muted src="../img/1.mp4"></td>
            <td><video width="200" height="243"controls autoplay muted src="../img/2.mp4"></td>
            <td><video width="200" height="243"controls autoplay muted src="../img/3.mp4"></td>
            <td><video width="200" height="243"controls autoplay muted src="../img/4.mp4"></td>                
        </tr>
        <tr>
            <td><p>猜火车 8.1</p></td>
            <td>贝尔科实验 6.0</td>
            <td>加州公路巡警 6.8</td>
            <td>歌声不绝 6.3</td>
        </tr>
        <tr>
                <td><video width="200" height="243"controls autoplay muted src="/img/5.mp4"></td>
                <td><video width="200" height="243"controls autoplay muted src="/img/6.mp4"></td>
                <td><video width="200" height="243"controls autoplay muted src="/img/7.mp4"></td>
                <td><video width="200" height="243"controls autoplay muted src="/img/8.mp4"></td> 
        </tr>
        <tr>
            <td><p>明日的我与昨日的我</p></td>
            <td><p>速度与激情8</p></td>
            <td><p>极速特工</p></td>
            <td><p>金刚狼3：殊死一战</p></td>
        </tr>  
    </table>
</body>
</html>

结果图片：