今天想和大家聊聊怎么做一个个人自我介绍网页模板，特别是给新手朋友看的，保证简单易懂。

为啥想做这个？

前几天看到好几个朋友在问，想做个简单的个人主页放网上，但又觉得写代码太难了。我一想，这玩意儿没那么复杂，干脆自己动手做一个模板出来，把过程记下来分享给大家。

开始动手前的准备

我先打开电脑，新建了一个文件夹，名字就叫“我的个人网页”。然后里面放了三个文件：、 和一张自己的照片。对，就这三个，足够了。

写网页骨架

我先打开 * 文件，从最基础的开始写。

• 第一行先写上 ，告诉浏览器这是网页。
• 然后写 标签，里面分成 和 两部分。
• 里面就写个标题，比如“小明的个人主页”，再链接上那个 CSS 文件。
• 里面就放实实在在的内容。

内容部分我想了想，就放这几块：

• 一个大标题，写上自己的名字。
• 一张自己的照片。
• 一段自我介绍的文字。
• 加个联系方式，比如邮箱。

写的时候就用最普通的标签，像

、

、 这些，一点花样都不玩。

给网页穿衣服

光有骨架不好看，得用 CSS 打扮一下。我打开 * 文件。

我的想法是弄得干净清爽一点。

• 先把整个页面的背景色改成淡淡的灰色。
• 把文字内容放在中间，宽度限制一下，不然太宽了不好看。
• 名字用大一点的字体，加粗显示。
• 照片调成合适的大小，弄成圆的可能好看点？我试了试，确实不错。
• 自我介绍的文字行高调大一点，读起来不累。
• 联系方式的邮箱，我给它换个颜色，加点鼠标放上去的效果。

我就一边改，一边在浏览器里刷新看效果，哪里不顺眼就调哪里，特别随意。

的效果和总结

鼓捣了大概一个多小时，一个简单的个人介绍页面就做好了。页面很干净，该有的信息也都有。我把所有代码检查了一遍，确保没写错

整个过程下来，感觉最难的不是技术，而是想清楚要放什么内容。代码本身真的就是最基础的那些东西，网上随便一搜都能找到。关键是别怕动手，从最简单的开始，一点点加东西，慢慢就熟悉了。

希望这个记录对想尝试的新手朋友有帮助，没那么神秘，你也完全可以做出来。