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

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

时间:2024-07-18 14:41:40浏览次数:7  
标签:-- 标签 summary header 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,html5,放置,li,影评
From: https://www.cnblogs.com/yupotato/p/18309477

相关文章

  • 实现基于Java的分布式日志收集与分析系统
    实现基于Java的分布式日志收集与分析系统大家好,我是微赚淘客系统3.0的小编,是个冬天不穿秋裤,天冷也要风度的程序猿!在现代分布式系统中,日志收集与分析是非常重要的一环。分布式日志系统需要高效地收集、存储和分析来自不同节点的日志,以便及时发现和解决问题。本文将介绍如何使用Ja......
  • 栈:链表实现
    栈:链表实现结构描述#include<iostream>#include<cstdlib>typedefintDataType;usingnamespacestd;typedefstructNode{DataTypeA;structNode*Next;}Node;classStackLinked{private:Node*Top;public:voidPush(DataTy......
  • 双栈:数组实现
    双栈:数组实现结构描述:#include<iostream>#include<cstdlib>#defineMAX100usingnamespacestd;typedefintDataType;classDoubleStack{public:DataType*A;//两个栈的栈顶intTP;intTB;//建立一个空栈voidInit();//判空、......
  • 栈:数组实现
    栈:数组实现结构描述:#defineMAX100typedefintDataType;classSeqStack{public:DataType*A;intTop;voidInit();voidPush(DataTypeX);voidPop();DataTypeGetTop();voidMakeEmpty();boolIsEmpty();boolIsFull()......
  • 超长上下文扩展:LongLoRA & LongQLoRA
    学习链接https://blog.csdn.net/v_JULY_v/article/details/135375799目录从LongLoRA到LongQLoRA(含源码剖析):超长上下文大模型的高效微调方法第一部分LongLora:超长上下文大模型的高效微调方法1.1从PI、LoRA到LongLora1.1.1面对长文本:PI和LoRA在各自角度上的不足1.1.2LongLor......
  • C++ 返回数组指针简单测试
    C++返回数组指针简单测试:#include<iostream>staticconstsize_tARR_SIZE=10;staticintarr[ARR_SIZE];//更新数组#defineUPDATE_ARR_DATA(i)for(size_tj=0;j<ARR_SIZE;++j)\{\a......
  • I2C 控制器设计
    1系统框图0I2CMaster控制器主要包含I2C收发数据状态机,SCL时钟分频器、发送移位模块、接收移位模块、空闲控制忙指示模块。SCL和SDA的输出逻辑和时序通过SCL和I2C状态机控制。重点介绍下其中的关键信号:IO_sda为I2C双向数据总线O_scl为I2C时钟I_wr_cnt写数据字节长度,包含了器......
  • WCHNET_SocketSend返回0x11原因及解决方法
    问题描述:TCPCLIENT模式使用WCHNET_SocketSend发送有概率会返回0x11按wchnet.h定义为内存溢出错误。异常分析:通过WCHNET_QueryUnack查看,发现异常时发送队列或缓冲区已经占满,导致再次发送时报发送内存溢出错误。 解决方法:如果项目对RAM需求不大,可适当将WCHNET_NUM_TCP_SE......
  • springboot访问多个mysql数据库配置多数据源
    一、参考地址:https://github.com/baomidou/dynamic-datasource二、使用方法引入dynamic-datasource-spring-boot-starter或者dynamic-datasource-spring-boot3-starter。spring-boot1.5.x2.x.x点击查看代码<dependency><groupId>com.baomidou</groupId><art......
  • Socket、WebSocket 和 MQTT 的区别
    Socket协议定义:操作系统提供的网络通信接口,抽象了TCP/IP协议,支持TCP和UDP。特点:通用性:不限于Web应用,适用于各种网络通信。协议级别:直接使用TCP/UDP,需要手动管理连接和数据传输。实现复杂性:需要编写代码处理连接、数据传输和错误。使用场景:实时通信(聊天应用)、文件传输......