因为参与最近很多人在玩的「熟人(部分)印象表」的活动,觉得用ps或者画图填的话好麻烦,就写了个简单的HTML
表格来实现它,大家如果会HTML
的话可以拿去自定义,每个格子里可以放的内容也不仅限于我初始设定的这些。
-
下载 Release 就行:熟人(部分)印象表HTML版 v1.0
-
解压,用记事本或者其他文本编辑器打开
熟人(部分)印象表.html
-
第 86 行的
<!--填表区开始-->
以后是填表的部分,到初始是第 99 行的<!--填表区终止-->
之前结束 -
每行的基本结构是
<tr> <td><img class="avatar" src="images/[图片名].jpg" alt="头像"></td> <td><img src="images/[图片名].jpg" alt="评论图片"><span></span></td> <td><span></span></td> </tr>
- 每一对
<td>
与</td>
之间是一格的内容,理论上在这之间写啥都行,需要一点标记语言的知识,有兴趣的朋友可以自行研究一下,默认采取的格式的效果是第一格装头像,第二格装图片和文字评论,第三格装文字 - 图片放在images文件夹里,图片名字放到上图结构中对应标明
[图片名]
的位置,图片就会显示在对应格子里 - 文字内容放到
<span>
和</span>
中间,会自动换行,如果需要手动换行的话,用<br>
表示换行 - 包括了一组例子,大家可以把例子那组给删掉或者改成自己需要的内容
- 每行的结构作为一组,可以任意复制粘贴来增加和填写
- 每一对
-
第 101 行用个人微博 ID 或者昵称替换
[微博ID / 昵称]
,作为填表人信息 -
我是填好以后用 Chrome 的 FireShot 插件进行截图的
-
祝大家使用愉快