发布日期:2025-04-11 22:22浏览次数:
今天心血来潮,想搞个简单的个人主页,就那种最基本的静态网页。记录一下我的折腾过程。
我这人比较懒,不想从零开始一点点敲代码。所以先去网上扒拉扒拉有没有现成的模板,还真找到不少,挑个顺眼的,下载下来。
模板是有,但里面的内容都是人家的,得改成我自己的。我用的是 VS Code,这玩意儿打开挺快,还有各种插件,用起来方便。把下载的模板文件夹拖进去,开始改!
<title></title>
标签,把里面的字儿换成我的名字,或者我的网名啥的。<p></p>
标签,把里面的段落文字换成我想说的话,比如自我介绍、兴趣爱好啥的。<img>
标签,把 src
属性里的图片地址换成我自己的照片地址。这一步稍微麻烦点,我得先把照片上传到某个地方,弄个链接出来。基本内容改完,但看着还是有点别扭。颜色、字体啥的,跟我的风格不太搭。这时候就要改 CSS 。找到那个 .css
文件,打开。
color: #xxxxxx;
或者 background-color: #xxxxxx;
,把 #xxxxxx
换成我喜欢的颜色代码。font-family: xxx;
,把 xxx
换成我喜欢的字体名字。width
、height
、margin
、padding
之类的属性,让页面看起来更顺眼点。改得差不多,得看看效果。直接双击那个 .html
文件,浏览器就打开。看看有没有哪里不对劲,再回去改改。
来来回回改几次,终于满意。我的第一个静态网页就这么诞生!虽然很简单,但还是挺有成就感的。以后有啥想展示的,都可以往上放,方便!
这回分享就到这里,希望能帮到对静态网页感兴趣的朋友,上手做起来还是蛮简单的。