有趣的HTML5元素周期表

最新推荐文章于 2024-06-05 10:05:25 发布
原创 最新推荐文章于 2024-06-05 10:05:25 发布 · 3.7k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5 #html #语言

探索一个结合网站内容与HTML5元素周期表的互动网站，通过点击元素获取简介，并使用Inspect工具查看网站使用的HTML标签及其频率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >


网站在这里:http://joshduck.com/periodic-table.html



点击每一个元素,还会弹出相应的简介.




更有趣的就是,

在下面图显示的文本框中输入相应的网址,然后点击Inspect.



HTML5元素周期表就会同级网站用了哪些HTML语言的标签,显示如下:



用鼠标指向相应的元素,还会显示该网站用了这个元素的次数.




十分有意思的一个网站!

用html5做元素周期表,Web纯前端“旭日图”实现元素周期表
weixin_39753584的博客
06-23 854
一、什么是旭日图旭日图是在Excel 2016中新增的一种图表。有些类似饼图，饼图的优势是可以显示占比。但是饼图只能显示单级数据。旭日图用来表示多层级数据的占比。旭日图以一种分层方式显示，非常适合用来显示层级数据。层次结构中每个级别的比例通过1个圆环表示，离原点越近代表圆环级别越高，最内层的圆表示顶级结构，然后一层一层去看数据的占比情况。我们通过一个简单的示例，初步感受一下旭日图的魅力。季度月份周...
HTML化学元素周期表
06-18
HTML化学元素周期表，JS化学元素周期表，点击某个化学元素符号，显示名称、序号、重量、排列、轨道、融点、沸点等化学性质。 化学元素周期表是1869年俄国科学家门捷列夫(Dmitri Mendeleev)首创的，他将当时已知的63种元素依原子量大小并以表的形式排列，把有相似化学性质的元素放在同一行，就是元素周期表的雏形，在周期表中，元素是以元素的原子序排列，最小的排行最先，表中一横行称为一个周期，一列称为一个族
HTML5元素周期表
07-26
html5+js+css制作超级炫酷元素周期表html页面。。。。。。。。。。。。
HTML5——HTML5元素周期表
zy2317878的博客
07-07 6954
写在前面 其实自己看了HTML5好久了，主要标签多少也都有用过了，但是呢，缺少一定的总结。看了一遍相当于再读代码不会陌生，但是只有总结才能把知识整理成自己的，相当于对于这一块知识有了头绪。 HTML5元素周期表 发现HTML5元素周期表，整理一下：有两个版本： 中文：HTML5 标签含义之元素周期表 英文：Periodic Table of the HTML5 Elements ...
HTML5超炫3D元素周期表三维图片墙模板源码
04-09
HTML5超炫3D元素周期表三维图片墙模板源码，代码上手简单，代码独立，可以直接使用。也可直接预览效果。别再犹豫了，一起加入这个源码的世界吧！博主提供各种支持，欢迎合作共赢。 效果演示地址： ...
HTML5 SVG元素周期表动画特效
06-24
HTML5 SVG元素周期表动画特效是一款html5基于svg制作创意的元素周期表动态布局，51号元素周期表网页布局特效。
HTML5元素周期表—编写HTML5必备
weixin_30827565的博客
04-14 350
HTML5元素周期表—编写HTML5必备 HTML5 现在很火，HTML5为 Web 设计和应用开发打开了一扇全新的门，因为他能够实现，以前只可能使用JavaScript或 Flash 实现的东西。还有html5在移动领域有卓越的优势。 今天我先大家推荐一个HTML5元素周期表，展现一下HTML5 里的标签！ ...
HTML5元素一览
qq_41455525的博客
11-09 611
顺序对应以上四个值：coords由四个用逗号隔开的整数组成（图像左边缘距矩形左侧的距离，图像上边缘距矩形上侧的距离，图像左边缘距矩形右侧的距离，图像上边缘距矩形下侧的距离）、coords由三个用逗号隔开的整数组成（图像左边缘到圆心的距离，图像上边缘到圆心的距离，圆的半径）、coords至少由六个用逗号隔开的整数组成，每一对数字代表多边形的一个顶点。可供选择的值有：col（表示列的表头）、row（表示行的表头）、colgroup（表示列组的表头）、rowgroup（表示行组的表头）。
HTML5超炫3D元素周期表三维图片墙效果
10-10
HTML5超炫3D元素周期表三维图片墙效果,内涵解释说明,只需要替换自己的图即可使用片
CSS 实现动态元素周期表
03-06
CSS3实现的3D元素周期表.效果还算比较绚丽的吧
H5元素周期表
欣欣博客
11-02 4112
还记得化学上的元素周期表么，现在是前端时代了呢，咱给来了H5周期表学学html5吧~~ 先看一下效果喽，还是比较方便的哦~~ 吼吼来共享一下代码吧~~ H5周期表--来自欣欣博客 html
推荐项目：HTML5 元素周期表
最新发布
gitblog_00015的博客
06-05 417
推荐项目：HTML5 元素周期表 去发现同类优质开源项目:https://gitcode.com/ 1、项目介绍 在Web开发的世界里，HTML5扮演着至关重要的角色，它是构建现代网页和应用程序的基础。【项目名称】是一个创新的开源项目，它以元素周期表的形式展示了HTML5的所有标签元素，生动形象地呈现了这个强大的标记语言的结构。该项目的独特之处在于，完全通过CSS实现，只依赖于现代浏览器的支持。 ...
html5标签含义元素周期表
zonxxx的博客
07-30 1562
分享网址：http://www.html5star.com/manual/html5label-meaning/
HTML5元素表
weixin_30394633的博客
04-15 213
HTML5元素表 文本元素 超链接 页面目标 <a href ="目标">内容 </a> 链接的目标（路径）可以是相对地址也可以是绝对地址。 emment插件 CTRL+D 复制光标所在行的内容 锚点 当前页面的跳转 格式： 1.ID属性的元素 2.a中href的值是 （# + 1的属性值） 功能 a元素书写...
three.js css3d - 元素周期表
aili1947的博客
10-24 362
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"&gt...
炫酷的元素周期表html,HTML5 经典化学元素周期表
weixin_33524408的博客
06-07 923
CSS语言：CSSSCSS确定body {margin: 0;padding: 40px 20px 20px;font-family: 'Roboto', sans-serif;background: #222;}.container {margin: 0 auto;}#table {width: 1260px;margin-bottom: 20px;}#table-lanthanoids,#ta...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值