最近也不知道咋回事儿,老在网上瞅见“七宗罪”这几个字。一会儿是说啥税务局的七宗罪,听着就挺玄乎的;一会儿又是什么剧本杀,还有人分享那部老掉牙的美国电影,讲的也是这个。甚至还有些书、视频解说,铺天盖地的,看得我都有点儿烦了。
我寻思着,这玩意儿不就是那几个词儿嘛什么傲慢、嫉妒、暴怒之类的。干脆,咱也别老看别人瞎掰扯,自个儿动手,弄个简单的HTML网页,把这“七宗罪”给它归纳归纳。纯粹就是想练练手,也算给自己找个由头,清净清净,省得老被这些信息轰炸。
捣鼓“七宗罪”网页的开始
说干就干。我这人就这样,脑子一热就想马上动手。也没啥复杂规划,就想着整个最原始的HTML页面,把那七个“罪”条目清晰地列出来就得了。目标明确:纯粹的HTML,不搞那些花里胡哨的。
第一步,我打开了电脑上那个用了好几年的文本编辑器。新建一个文件,直接就命名成,简单粗暴。
然后我就琢磨这个页面的结构。我想着最上面得有个大标题,就用个标签写上“七宗罪概览”或者类似的。因为这整个分享就不用
了嘛所以页面里用个
当顶头标题也挺
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
我想先用个列表,把七个罪名先整体列出来,让人一眼就能看到是哪七个。比如:
- 傲慢(Pride)
- 嫉妒(Envy)
- 暴怒(Wrath)
- 懒惰(Sloth)
- 贪婪(Greed)
- 暴食(Gluttony)
- 色欲(Lust)
列完这个,下面就该逐条解释了。每一条“罪”我都打算用一个或者
来作为小标题,然后底下跟上一段
标签包着的简单描述。这描述嘛我也不想去网上复制粘贴大段的文字,就凭着自己的理解,简单概括一下每条“罪”的核心意思,越通俗易懂越
具体的HTML敲打过程
我就这么一条一条地开始敲代码。比如“傲慢”,我就给它一个傲慢 (Pride)
,然后下面一段写上:“就是觉得自己特牛,瞧不起别人,过分自负啥的。” 就这么个意思,大白话。
其他的“嫉妒”、“暴怒”也都照这个模式来。整个过程没用任何CSS,也没想着用JavaScript搞啥交互。 就是最纯粹的HTML标签堆砌。用来放段落文字,
偶尔用来强调一下罪名,
用作主要分块,
和
做了个简单的列表。我甚至都没怎么考虑排版美观的问题,主要心思都花在怎么把这几个概念用最简单的话说清楚,以及确保HTML结构是正确的,标签都闭合
敲着敲着,发现内容也不少。虽然每个“罪”的描述我力求简洁,但七个加起来,一个页面也挺长的了。不过无所谓,本来就是个小练习,滚动条长点就长点。
中间也遇到点小磕绊,比如某个词儿想了半天怎么表达更接地气,或者哪个标签嵌套是不是最合理。但因为目标简单,所以过程还算顺利。这种返璞归真,只跟HTML标签打交道的感觉,还挺奇妙的。 尤其是在现在各种框架、库满天飞的时代,偶尔回归一下基础,也挺有意思。
最终的“成果”与一点感想
大概花了个把小时,这个所谓的“七宗罪HTML官方网站”的初版就算完成了。“官方网站”这名头纯粹是自娱自乐瞎起的,就是一个单蹦的HTML文件。我在浏览器里打开它,从头到尾看了一遍,七个“罪”都列出来了,描述也都是我自己写的那些大白话。虽然简陋,但好歹是我亲手敲出来的。
通过这么个小实践,我又把HTML的一些基本标签温习了一遍。有时候,我们总想着学那些高大上的新技术,却忘了这些最基础的东西才是盖房子的砖瓦。搞这么个简单的页面,也算是在纷繁的信息中,给自己找了个专注的点,动了动手,挺
这个“七宗罪HTML官方网站”就这么诞生了。没啥技术含量,就是我个人的一次简单实践记录,分享给大家图一乐,也算是我对最近老看到“七宗罪”这事儿的一个小小回应。