前端之HTML做一个电影页面

电影界面

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>豆瓣电影表单</title>
</head>
<body>
<h1>热门电影板块</h1>
<hr>
<p><b>最近热门电影</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    热门 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    最新 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    豆瓣高分 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    冷门佳片 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    华语 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    欧美 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    韩国 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    日本 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;更多>></p>
<hr>
    <table>
        <tr>
            <td><img src="豆瓣素材/电影标签1.jfif" width="210px" height="300px"></td>
            <td><img src="豆瓣素材/电影标签2.jfif" width="210px" height="300px"></td>
            <td><img src="豆瓣素材/电影标签3.webp" width="210px" height="300px"></td>
            <td><img src="豆瓣素材/电影标签4.webp" width="210px" height="300px"></td>
        </tr>
        <tr>
            <td>疯狂原始人 8.7</td>
            <td>美国队长 7.2</td>
            <td>沙丘2  8.3</td>
            <td>周处除三害 8.1</td>
        </tr>
        <tr>
            <td><img src="豆瓣素材/电影标签5.webp" width="210px" height="300px"></td>
            <td><img src="豆瓣素材/电影标签6.webp" width="210px" height="300px"></td>
            <td><img src="豆瓣素材/电影标签7.webp" width="210px" height="300px"></td>
            <td><img src="豆瓣素材/电影标签8.webp" width="210px" height="300px"></td>
        </tr>
        <tr>
            <td>小行星猎人 8.1</td>
            <td>被我弄丢的你 6.1</td>
            <td>陌路狂刀 5.9</td>
            <td>热辣滚烫 7.8</td>
        </tr>
    </table>
</body>
</html>

结果


不嫌弃的点点关注,点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚

相关推荐
BumBle15 分钟前
Vue项目中实现路由守卫自动取消Pending请求
前端
gCode Teacher 格码致知22 分钟前
Javascript提高:get和post等请求,对于汉字和空格信息进行编码的原则-由Deepseek产生
开发语言·前端·javascript·node.js·jquery
竹林81823 分钟前
从ethers.js迁移到Viem:我在一个DeFi项目前端重构中踩过的坑
前端·javascript
像我这样帅的人丶你还44 分钟前
从交稿到甩锅预防:AI 前端流水线
前端·ai编程
想想弹幕会怎么做1 小时前
如何构建一颗可交互的ui树?
前端
程序员陆业聪1 小时前
我见过的最反直觉的 Android 架构问题:UseCase 越多,项目越烂
前端
Arya_aa1 小时前
网络:前端向后端发送网络请求渲染在页面上,将EasyMock中的信息用前端vue框架编写代码,最终展示在浏览器
前端·vue.js
LlNingyu1 小时前
文艺复兴,什么是CSRF,常见形式(一)
前端·安全·web安全·csrf
晓13131 小时前
React篇——第三章 状态管理之 Redux 篇
前端·javascript·react.js
子兮曰1 小时前
🚀24k Star 的 Pretext 为何突然爆火:它不是排版库,而是在重写 Web 文本测量
前端·javascript·github