前端之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>

结果


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

相关推荐
易安说AI4 小时前
Ralph Loop 让Claude无止尽干活的牛马...
前端·后端
失忆爆表症6 小时前
05_UI 组件库集成指南:Shadcn/ui + Tailwind CSS v4
前端·css·ui
小迷糊的学习记录6 小时前
Vuex 与 pinia
前端·javascript·vue.js
发现一只大呆瓜6 小时前
前端性能优化:图片懒加载的三种手写方案
前端·javascript·面试
不爱吃糖的程序媛7 小时前
Flutter 与 OpenHarmony 通信:Flutter Channel 使用指南
前端·javascript·flutter
利刃大大7 小时前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu
前端·javascript·vue.js·element-plus
NEXT067 小时前
AI 应用工程化实战:使用 LangChain.js 编排 DeepSeek 复杂工作流
前端·javascript·langchain
念风零壹7 小时前
AI 时代的前端技术:从系统编程到 JavaScript/TypeScript
前端·ai
光影少年8 小时前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴8508 小时前
Vue 路由示例
前端·javascript·vue.js