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

结果

前端之HTML做一个电影页面,前端,html


不嫌弃的点点关注,点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚ 文章来源地址https://www.toymoban.com/news/detail-840520.html

到了这里,关于前端之HTML做一个电影页面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Postman返回了一个html页面

    调用公司的测试环境接口,从浏览器控制台接口处cCopy as cURL(cmd),获取完整的请求内容,然后导入postman发起请求 提测时发现返回一个html页面,明显是被请求在网管处被拦截了,网关返回的这个报错html页面 postman的返回内容是提示版本低 1、请求体的HEADER中的标识浏览器信息

    2024年02月12日
    浏览(39)
  • 使用Html做一个简单的登陆页面

    目录 绪论 一、新建一个html项目 二、制作整体框架 三、使用CSS进行修饰 四、更新内容 html作为一个常用的前端语言,使用的人群范围是很大的; 如果你想要成为一个前端工程师,那必不可少的就要做一个登陆页面; 登录页面一般就是账号和密码,另外还需要验证码验证需求

    2024年02月06日
    浏览(52)
  • 使用HTML+CSS写一个静态页面

    刚开始学习前端,在仅使用HTML和CSS的情况下,也可以写出一个页面,使用HTML对页面的内容进行架构,再此基础上使用CSS对内容进行美化。其中涉及了许多HTML和CSS的知识点,定位 浮动 链接 等,修改字体、图片大小、背景颜色、鼠标样式、鼠标与页面的交互、行内元素与块元

    2024年02月11日
    浏览(53)
  • 前端页面跳转的3种方法(HTML示例)

    一、onclick跳转 1. 设置window的location.href属性 2. 调用window的open方法 二、a标签跳转

    2024年02月11日
    浏览(60)
  • 前端编写页面HTML、CSS常用属性方法汇总

    不太常用的属性: box-shadow的: CSS3动画的点: 控制文字行数: CSS3的一些冷知识: @keyframes: HTML5: html+css乱七八糟的: JavaScript:

    2024年02月16日
    浏览(42)
  • Html转PDF,前端JS实现Html页面导出PDF(html2canvas+jspdf)

    一、背景介绍 ​ 当我们在不想改变后端代码的同时想是纯html页面导出PDF,那么(html2canvas+jspdf)就是无疑最好的选择,导出时它不占用我们服务器的资源,而是由用户本地自行执行js文件下载PDF,不占用我们系统的带宽,所以这无非是最好的选择方式。 二、疑问 1、为什么要

    2024年01月23日
    浏览(56)
  • HTML写一个16:9自适应的页面

    效果图:   页面可以按照窗口大小自适应变化,并且可以保持16:9    

    2024年02月12日
    浏览(32)
  • HTML、PHP实战:搭建一个网页登录页面。

    一、实验环境。 MySQL5.7.26 FTP0.9.60 Apache2.4.39 我这里用的是PHPstudy小皮一键搭建的。 数据库  二、登录页面。 登录页面前端代码 文件名:denglu.html 登录页面后端代码 文件名:denglu.php 使用127.0.0.1跟文件名访问网页。 效果演示   可以看到当我们输入用户名:zhangsan 密码:12345

    2024年02月06日
    浏览(54)
  • 用HTML写一个简单的静态登陆页面

    以上代码创建了一个简单的登录页面,其中包含一个容器( .container )来放置登录表单。表单包括一个用户名输入框( input type=\\\"text\\\" )以及一个密码输入框( input type=\\\"password\\\" ),还有一个登录按钮( button )用于提交表单。页面使用了一些简单的 CSS 样式来美化表单的外观。

    2024年02月15日
    浏览(49)
  • vue 前端导出页面图表保存为Html格式文档

    问题描述: 图一 解决思路: 想要达到要求的效果,网上找了很久,最后记录下2种方案: 方案一、使用html2canvas组件,html2canvas的作用就是允许我们直接在用户浏览器上拍摄网页或某一部分的截图。它的屏幕截图是基于DOM元素的,实际上它不会生成实际的屏幕截图,而是基于

    2024年02月03日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包