当青训营遇上码上掘金，我选择的是主题一：我的名片。名片是向人介绍自我的重要工具，作为一名程序员用代码做自我介绍是一件非常酷炫的事情。下面我来分享决定做这个主题后的事情： 首先来声明一下我做的这个名片超级简单毫无技术含量可言（主要是自己会的不多，只知道生硬的套用标签），0js，就算是没有接触过计算机知识的人也能看懂。

写代码前

在下手去写代码前我还不清楚个人名片是个什么样式，因此先上网查了一下个人名片是什么？应该有哪些内容？然后在网上就找了一个看着超级简单的个人名片:只有寥寥几语，看着也很简洁（原图找不到了），它一出现就直接得到了小小白的认可。

写代码ing

在打开码上掘金后我开始是懵逼的，在html一栏只有一行内容：只带一个div标签，我当场不知道该怎么做了因为在学校我们一直用的是Hbuilder来写html，因此我直接把Hbuilder的初始标签复制粘贴到码上掘金上。之后我就在body里面写标签，下面是效果：没有图片，没有logo 简洁有力不是。在制作这张个人名片时我首先在html内用到了div标签 然后在css区域设置了div的样式（宽、高、位置、背景颜色、上下左右的距离、创建边框圆角效果） 定义div之后出现了一个不同于其它部分的区域，之后在这个区域内（div内）使用section和h2来输入文本内容：名字和职位，之后继续在section内用ul来定义一个无序列表，之后在ul里面用li来继续文本输入电话、邮箱、地址等内容。到这里这个 个人名片就完成了。下面是完整的代码：

小结

这个个人名片就到这里了，谢谢阅读。