当青训营遇上码上掘金|我的名片

144 阅读2分钟

当青训营遇上码上掘金

主题1:

名片是向人介绍自我的重要工具,作为一名程序员用代码做自我介绍是一件非常酷炫的事情。请大家围绕“我的名片”这个主题进行代码创作。

对选题的理解:

我认为名片这个选题十分的开放,每个人的名片都有其个人的特征在,十分具有个人特色,就我个人而言,我比较喜欢搞怪,名片的有些设置就比较风格迥异。

选题原因:

作为大一非科班的前端纯小白,我十分有幸进入了此次的前端训练营。经过这两天三件套的速成,练习于我而言是十分有必要的。在此次青训营的组队中我见识到了许多很厉害的同辈,相仿的年纪,别人却拥有着相当亮眼的履历与先进的技术,这无形之中给我带来一定压力。但同样这适当的压力,也给予我了许多动力,让我能够不虚度这个寒假,能够在大一下学期见到一个崭新的自己。同时在此次训练营中我也希望结识来自全国各地的人,也希望可以通过名片的制作让更多人了解我。

作品介绍

作品如下: 微信图片_20230113141308.png 作品是我用html和CSS制作的,分为三个部分,一部分是左边的头像,一部分是右边的基本信息,还有一部分是下面的功能键。学校这个我写了我们学校的缩写,并使用了abbr进行了注释,不过我不知道怎么展示(无奈)。

关于功能键:

“详细资料”我链接到了另一个网页,代码如下<div class="details"><a href="./e.html" target="_blank">详细资料></a></div>,在该页面中我用CSS设置了音乐,但不知道为什么无法设置自动播放,Autoplay好像失效了(跪求大佬解答我的疑惑)

06584CBD.gif

现有音乐效果如下(手动操作但可自动播放):

微信图片_20230113142616.png

另外两个按钮,我原先是想尝试用JS进行整活,但技术有限,未能成功。这也是个小小的遗憾,相信经过青训营这一段时间的培训,来日我定会成功,我一定会回来的~