首页 > 其他分享 >html5案例--制作电影影评网

html5案例--制作电影影评网

时间:2024-07-18 18:29:05浏览次数:9  
标签:-- 标签 summary header nav html5 放置 li 影评

效果图:

1.划分为三个结构:header、nav、footer

image-20240718141802391

2.header标签:
image-20240718141831680

3.nav标签:
ul嵌套li,li里面放置内容

image-20240718141939334

4.footer标签:效果要达到点击对应方面展开详情页,用details标签实现,details嵌套summary及其他标签元素(例:article标签),summary放置标题显示内容

image-20240718142233778

mark标签内放置需要强调的内容,效果为内容黄色加亮

image-20240718142254111

meter标签

image-20240718142727941

image-20240718142920381

image-20240718142942157

标签:--,标签,summary,header,nav,html5,放置,li,影评
From: https://www.cnblogs.com/yupotato/p/18310228

相关文章

  • 【在RAG系统中应用知识图谱】
    【引子】关于大模型及其应用方面的文章层出不穷,聚焦于自己面对的问题,有针对性的阅读会有很多的启发,本文源自Whyhow.ai上的一些文字和示例。对于在大模型应用过程中如何使用知识图谱比较有参考价值,特汇总分享给大家。在基于大模型的RAG应用中,可能会出现不同类型的问题,通过......
  • 操作系统发展简史(Unix/Linux 篇 + DOS/Windows 篇)+ Mac 与 Microsoft 之风云争霸
    操作系统发展简史(Unix/Linux篇)说到操作系统,大家都不会陌生。我们天天都在接触操作系统——用台式机或笔记本电脑,使用的是windows和macOS系统;用手机、平板电脑,则是android(安卓)和iOS系统。如果是从事信息通信行业,还经常会和ubuntu、CentOS、Fedora这样的Linux......
  • 【大模型私有化部署:手把手教你部署并使用清华智谱GLM大模型】
    部署一个自己的大模型,没事的时候玩两下,这可能是很多技术同学想做但又迟迟没下手的事情,没下手的原因很可能是成本太高,近万元的RTX3090显卡,想想都肉疼,又或者官方的部署说明过于简单,安装的时候总是遇到各种奇奇怪怪的问题,难以解决。本文就来分享下我的安装部署经验,包括本地和租......
  • Spring - AOP - 底层原理
    目录:Spring-AOP-底层原理1.代理模式2.静态代理3.JDK动态代理4.CGlib动态代理5.注意事项Spring-AOP-底层原理1.代理模式代理模式是一种比较好的理解的设计模式。简单来说就是:使用代理对象来增强目标对象(targetobiect),这样就可以在不修改原目标对......
  • 【6!使用本地大模型调用代码,根本就是一场骗局!】
    通过大模型调用其他工具到底可不可行?ChatGPT或许能轻松搞定一切,但同样的需求落在本地大模型上,恐怕就要打个问号了。法国开发工程师EmilienLancelot尝试了多款号称具备工具调用功能的agent框架,来看看本地大模型到底能不能完成任务,但结果就像他总结的“一无所获”。是......
  • 浮动与定位
    网页基本布局网页的组成部分网站导航:一般包括品牌1ogo、导航菜单及一些其他信息等.网页主体:一般包括网页呈现给浏览者的内容。。网页底部:一般包括网站声明、版权信息和相关链接等,。侧边栏:一般包括分类菜单及一些次要信息等。每一个网页的组成部分都有着重要的作用,一起协......
  • CSS动画
    CSS3变形变形简介在网页中实现动画效果,可以使用动态图片、Flash、JavaScript来完成。借助CSS3可以轻松倾斜、缩放、移动和翻转元素,实现动画效果。CSS3变形是一些效果的集合(如平移、旋转、缩放、倾斜等),包括2D变形和3D变形。每一个效果都可以称之为变形(transform)......
  • 【C语言】结构体,枚举,联合超详解!!!
    目录结构体结构体声明结构体成员的访问结构体自引用 结构体变量定义,初始化,传参 结构体内存对齐 位段枚举联合(共用体)结构体结构体声明1.概念1.结构体是一些值的集合,这些值称为成员变量。2.结构体的每个成员可以是不同类型的变量。3.数组:一组相同类型......
  • 代码随想录算法训练营Day13 | 二叉树理论基础 二叉树的递归遍历 前序、中序、后序遍历
    一、二叉树理论基础1. 二叉树种类①满二叉树:顾名思义就是结点都满的二叉树。定义:如果一棵二叉树只有度为0的结点和度为2的结点,并且度为0的结点在同一层上,则这棵二叉树为满二叉树。     深度为k,结点数为2^k-1的二叉树②完全二叉树:最后一层可以不满,但最后一层从左......
  • 【2024】springboot O2O生鲜食品订购
     博主介绍:✌CSDN新星计划导师、Java领域优质创作者、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌技术范围:SpringBoot、Vue、SSM、HTML、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大......