当前位置: 首页 > news >正文

HTML5学习系列之项目实战1

HTML5学习系列之项目实战1

  • 前言
  • 代码
  • 记录问题
  • 总结


前言

学习记录


代码

<div id="player"><audio id="musicbox"></audio><div id="controls" class="clearfix controls"><div id="play" class="playing"></div><div id="next"></div><div id="progress"><div></div><p id="time">00:00/00:00</p></div><div id="volume"><div></div></div></div><div class="bar"><button>重置列表</button><button>随机打乱</button><button>清空列表</button></div><ul id="musiclist"></ul><div class="bar buttom"><span>播放模式:</span><span id="mode">全部</span></div>
</div>

在这里插入图片描述

记录问题

  • 对于<div>必须搭配</div>,不能投简单去改成<div xxxx />,否则会出问题。
  • 在本阶段涉及到css与JavaScript,很多还不太懂,后续应下载对应的编译器进行编译。

总结

学习记录。
后续学习到css与JavaScript再继续扩充吧!

http://www.lryc.cn/news/236751.html

相关文章:

  • git 提交成了LFS格式,如何恢复
  • 【ISP图像处理】Demosaic去马赛克概念介绍以及相关方法整理
  • 单图像3D重建AI算法综述【2023】
  • three.js相机调用reset方法复原但无法完全复原
  • 前端为什么要工程化
  • 软件测试/测试开发/人工智能丨视觉与图像识别自动化测试
  • nvm的下载与使用
  • 拼多多官方开放平台接口app商品详情接口获取实时商品详情数据演示
  • STM32F4系列单片机GPIO概述和寄存器分析
  • 【LeetCode刷题】--9.回文数
  • 大数据-之LibrA数据库系统告警处理(ALM-12057 元数据未配置周期备份到第三方服务器的任务)
  • 毅速丨嫁接打印在模具制造中应用广泛
  • 『亚马逊云科技产品测评』活动征文|基于next.js搭建一个企业官网
  • C# Winform围棋棋盘
  • vue使用本地图片设置为默认图
  • day17-高速缓冲区的管理机制
  • 文心一言 VS 讯飞星火 VS chatgpt (139)-- 算法导论11.4 3题
  • Java 解压文件
  • SASS/SCSS精华干货教程
  • 8.jib-maven-plugin构建springboot项目镜像,docker部署配置
  • 海康威视综合安防管理平台任意文件上传
  • Linux环境下C++ 接入OpenSSL
  • 美国网站服务器SSL证书介绍
  • JSP命令标签 静态包含/动态包含
  • Cesium点位弹窗
  • 基于单片机16路抢答器仿真系统
  • Linux常用命令亲测总结
  • 二百零六、Flume——Flume1.9.0单机版部署脚本(附截图)
  • 不必购买Mac,这款国产设计工具能轻松替代Sketch!
  • 通过多线程的方式每次发送10条MQ消息