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

结果


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

相关推荐
slim~7 分钟前
javaweb基础第一天总结(HTML-CSS)
前端·css·html
一支鱼12 分钟前
leetcode常用解题方案总结
前端·算法·leetcode
惜.己24 分钟前
针对nvm不能导致npm和node生效的解决办法
前端·npm·node.js
F2E_Zhangmo1 小时前
基于cornerstone3D的dicom影像浏览器 第二章 加载本地文件夹中的dicom文件并归档
前端·javascript·css
用户21411832636021 小时前
Nano Banana免费方案来了!Docker 一键部署 + 魔搭即开即用,小白也能玩转 AI 图像编辑
前端
Zacks_xdc2 小时前
【前端】使用Vercel部署前端项目,api转发到后端服务器
运维·服务器·前端·安全·react.js
给月亮点灯|2 小时前
Vue基础知识-脚手架开发-使用Axios发送异步请求+代理服务器解决前后端分离项目的跨域问题
前端·javascript·vue.js
张迅之2 小时前
【React】Ant Design 5.x 实现tabs圆角及反圆角效果
前端·react.js·ant-design
蔗理苦4 小时前
2025-09-05 CSS3——盒子模型
前端·css·css3
二川bro4 小时前
第25节:VR基础与WebXR API入门
前端·3d·vr·threejs