一个简易的html文件

加了一张动图,做了简单的排版。把自己 最喜欢的诗句 和 日常用到的 OJ链接 放在了里面。

Chrome设置--启动时打开特定网页:

  把这个h5文件的路径添加到其中,

  可以实现每次打开浏览器时检查今天的刷题任务2333。

后续可能会添加爬取OJ网站的数据并显示在面板上的功能。

源代码

<h2><img alt="" src="https://imgsa.baidu.com/forum/wh%3D222%2C163/sign=da6d704cd21b0ef46cbd905ceff67deb/46c84c10b912c8fcbd61ceaffc039245d7882180.jpg" style="border-style:solid; border-width:2px; float:left; height:195px; width:260px" /><span style="color:#696969"><strong> </strong></span><strong>我知道,痛苦是唯一的高贵,无论人世和地狱都不能将其侵蚀。</strong><br />
<strong>为了把我那神秘的冠冕编缀,须将一切时代一切领域征集。</strong></h2><h2>&nbsp;</h2><h1 style="text-align:right"><span style="color:#696969"><strong>&mdash;&mdash;波德莱尔 《恶之花》&middot; 祝福</strong></span></h1><hr />
<h2 style="text-align:right"><span style="color:#696969">YukiRinLL的每日刷题版</span></h2><p>&nbsp;</p><p>&nbsp;</p><ul><li><h2><strong>NWPU-ACM 查询系统 </strong><a href="https://new.npuacm.info/statistics">https://new.npuacm.info/statistics</a></h2></li><li><a href="https://pintia.cn/problem-sets/994805046380707840/problems">PTA | Programming Teaching Assistant</a>&nbsp;</li><li><a href="https://oj.neu.edu.cn/2018sy/html/?static=1">Scoreboard</a>&nbsp;</li><li><a href="http://120.78.128.11/index.jsp">T^T Online Judge</a>&nbsp;</li><li><a href="http://hihocoder.com/hiho">hihoCoder</a>&nbsp;</li><li><a href="https://www.nowcoder.com/78904137">nowcoder牛客网</a>&nbsp;</li><li><a href="https://ac.nowcoder.com/acm/contest/vip-index?&amp;headNav=www">牛客竞赛</a>&nbsp;</li><li><a href="https://cometoj.com/contests">Comet OJ | Contest List</a>&nbsp;</li><li><a href="https://train.usaco.org/usacogate">USACO Training Gateway</a></li><li><strong>杭电OJ </strong><a href="http://acm.hdu.edu.cn/">http://acm.hdu.edu.cn/</a></li><li><strong>Virtual Judge </strong><a href="https://vjudge.net/">https://vjudge.net/</a></li><li>NJUST<strong> OJ </strong><a href="http://icpc.njust.edu.cn/">http://icpc.njust.edu.cn/</a></li><li><strong>CDUT OJ </strong><a href="http://cdutacm.cn/">http://cdutacm.cn/</a></li><li>CF&nbsp;<a href="http://codeforces.com/">http://codeforces.com/</a></li>
</ul><hr />
<h2>&nbsp;</h2><table border="1" cellpadding="1" cellspacing="1" style="width:500px"><tbody><tr><td><p><span style="color:#696969"><strong>题目编号(今天)</strong></span></p></td><td><u>553</u></td></tr><tr><td><span style="color:#696969">完成数/天</span></td><td><span style="background-color:#d3d3d3">5</span></td></tr><tr><td><span style="color:#696969">连续达成天数</span></td><td><p><span style="background-color:#d3d3d3">41(days)</span></p></td></tr></tbody>
</table><blockquote>
<h1>&nbsp;</h1>
</blockquote>

View Code

  

成品图

转载于:https://www.cnblogs.com/SutsuharaYuki/p/10925235.html

一个简易的OJ导航界面相关推荐

  1. 【新手向】Python做一个简易登录注册GUI界面(无事件绑定)

    Python做一个简易登录注册GUI界面 一,效果展示 (1)运行结果: (2)点击登录: 注:只有用户名:123 密码123456 会提示登录成功. 登录成功示范: 登录失败示范: (3)点击注册 ...

  2. Delphi做的一个仿Web的导航界面

    完全原生开发,没有使用任何第三方组件,delphi 也是可以做出很精美的界面的. 使用Frame 来实现,实际上很多复杂的界面都可以使用Frame来组合设计,开发复杂界面必备的技术. DelphiWe ...

  3. 如何用idea做一个简易的网页登录界面

    在上一节课的内容基础上做一个简易的网页登录界面--18级软工1班03 打开idea后打开上一节课的工程文件(一般在打开idea软件的同时,idea会默认打开上一次的文件)并在左边列表的main文件夹下 ...

  4. 页面中color颜色值_计算机毕业设计中实现一个简易美观的登录界面

    点击上方"蓝字",关注我们. 实现一个登录界面,展示一下效果: 然后我们看一下代码: 在我们做一个页面之前,要先想好他的一个整体布局,也就是我们这里面的login.html主页面, ...

  5. 网页制作:一个简易美观的登录界面

    这次来总结一下公司的Task 1 实现一个登录界面. 登录界面其实在大三的时候就有做过,但是当时做的界面超级low,主要区别在于有无css,由于公司的设计要求,对于该界面的很多细节处理实在不容易.所以 ...

  6. Qt入门(一)——自己动动手写一个简易的用户化界面(Qt命令行模式)

    文章目录 一.编写代码文件 二.生成.pro文件 2.1 进入目录 2.2 生成.pro文件 2.3 修改.pro文件 三.生成makefile文件 四.生成并运行结果 五.附 博主用的Qt是wind ...

  7. python小案例随机点名_python用tkinter实现一个简易能进行随机点名的界面

    今天学到Python 有一个名为 random 的内置模块,可用于生成随机数, 这个好玩~可以用来做为上课随机点名的程序了哈哈.. def main_cor(): import random i = ...

  8. python大学随机点名名_python用tkinter实现一个简易能进行随机点名的界面

    今天学到Python 有一个名为 random 的内置模块,可用于生成随机数, 这个好玩~可以用来做为上课随机点名的程序了哈哈.. def main_cor(): import random i = ...

  9. 怎么用python制作随机点名软件_python用tkinter实现一个简易能进行随机点名的界面...

    今天学到Python 有一个名为 random 的内置模块,可用于生成随机数, 这个好玩~可以用来做为上课随机点名的程序了哈哈.. def main_cor(): import random i = ...

最新文章

  1. 冲刺第三天 1.3 THU
  2. Centos7网络正常,但使用yum提示安装源无法连接
  3. sap上线前的十大思考
  4. 【超分辨率实验】Matlab-使用深度学习的单图像超分辨率(Single Image Super-Resolution Using Deep Learning)
  5. mysql与groupconcat相反的_MySQL中GROUP_CONCAT的反义词是什么?
  6. stl list 删除元素_删除所有出现的元素,并从列表中删除一些特定的元素。 C ++ STL...
  7. 十个最适合 Web 和 APP 开发的 NodeJS 框架 1
  8. python基础字符串(二)
  9. 无法访问机械硬盘提示执行页内操作时的错误的文件恢复办法
  10. 《MyBatis3源码深度解析》图书简介
  11. pid纠偏算法C语言,基于MATLAB环境下智能PID纠偏控制算法的仿真分析.pdf
  12. 关于野火mini led的学习
  13. 目标识别与跟踪算法matlab_极市直播| 朱政:基于孪生网络结构的SiamRPN系列目标跟踪算法...
  14. linux centos ppp限速,Centos 中限制网络带宽速度
  15. Data Migration 架构
  16. 普适计算的六大必备条件
  17. 美还是丑?这有一个CNN开发的颜值评分器 | 实战
  18. php 英文小写变大写,PHP_PHP英文字母大小写转换函数小结,每个单词的首字母转换为大写 - phpStudy...
  19. 装修服务转战线上,VR全景为您解决装修行业痛点!
  20. YYModel的源码读后感

热门文章

  1. 世界500强ING集团顺利的敏捷转型之路
  2. 2022“望友杯”第二届全国电子制造行业 PCBA 设计大赛-华南分赛区火热报名中~
  3. 移动硬盘格式化了的数据恢复办法
  4. Python OpenCV实现Log Gabor滤波器(由LGHD描述符扩展)
  5. nacos登录 提示权限认证失败 没有命名空间的访问权限
  6. 国内免费网络硬盘个人汇总
  7. 移动机器人算法python实例 -- 开源项目推介
  8. 与卿共赴鸿蒙什么意思,表达情人相思的诗句
  9. 凉拌洋葱怎么做简单又好吃
  10. 并发工具类使用详解及区别(CountDownLatch、CyclicBarrier、Semaphore、Exchanger)