今天想弄个自己的个人网页,觉得挺好玩的,就按照三步来试试。这事儿我之前从来没干过,电脑也搞得不太明白,但总想着简单点就
第一步:找点资料开始捣鼓
我就懵懵懂懂地上网搜了下怎么弄网页,结果看到别人说用HTML代码就行。我心里想,这玩意儿复杂吗?下载了个文本编辑器,就是个写字本的软件,叫啥名字忘了,反正免费的。打开后,新建了个空白文件,名字瞎起了一个叫“我的主页”。试着写了句“Hello World”,保存成HTML文件后缀名。点开一看,还真显示在浏览器上了!嘿挺兴奋的。但问题来了,代码写得乱七八糟,页面丑的要死。
第二步:硬着头皮设计内容
得让它像个主页样子。我就查了查那些标签的意思,慢慢加了点东西。先用了 <html> 标签打个大框架,里头整 <head> 放标题和说明, <body> 放实际内容。想列点介绍自己的信息,就用了 <ul> 做个列表,比如这样写:
我是博主小明,喜欢分享小玩意儿
现在住北京,每天写点日记
联系方式是邮箱,但不想公开太多
改完预览下,页面整齐了点儿,但还是白底黑字,干巴巴的。试了加图片,用 <img> 标签,找了自己拍的照片,折腾半天路径对不上,图片死活不出来。气得我直挠头,后来发现文件放错文件夹了,才弄出来。顺便整了点链接标签,但不让弄URL,只能做个假的,点不开那种。
第三步:加点个人风格磨来磨去
一步,得让它个性点。我想加点颜色和背景,就用 <style> 标签试着改。开始搞了个蓝色的背景,写代码时颜色代码老输错,预览出来颜色跳得难看。改成浅黄色试试,这回好多了,配上黑色的文字,看着舒服点。在内容里强调标题,用了 <strong> 标签加粗,比如“欢迎光临我的小窝”,这样重点突出。又调整了下布局,把内容挪到中间去,用了些对齐的代码,试了几遍才弄准位置。
搞定后,整体预览,看着像那么回事了。花了整个下午,腰都坐酸了。保存好文件,本地浏览器打开,感觉挺成就感的——虽然别人打不开,但至少我自己能看。不过想想,这玩意儿太简单了,稍微复杂点就得用其他工具,这HTML真不够用。但作为入门练手,蛮值的,下次考虑整个更炫的。





