今天心血来潮,想搞个简单的网页玩玩。以前总觉得网页开发很高大上,这回自己动手试试,看看究竟是怎么一回事。
准备工作
我得有个写代码的地方。之前听说过Notepad++和VSCode挺好用的,我就随便下一个VSCode,感觉界面还挺清爽的。
开始动手
新建一个文件。这玩意儿得起个名字,我就叫它“*”,听别人说网页文件都得是“.html”结尾,咱也照着做。
打开这个空白文件,我得往里面填东西。听说HTML是网页的骨架,CSS是管样式的,我就先从HTML开始。
我琢磨着,一个网页总得有个标题,有个正文啥的。我就在文件里写这些:
- <!DOCTYPE html>
- <html>
- <head>
- <title>我的第一个网页</title>
- </head>
- <body>
- <h2>大家</h2>
- <p>今天我做第一个网页,感觉还不错!</p>
- </body>
- </html>
这些尖括号、字母啥的,我也不太懂,就照着网上的教程葫芦画瓢。<h2> 好像是二级标题,<p> 就是段落。保存一下。
看看效果
双击这个“*”文件,浏览器就自动打开。还真出来!标题、正文都有,虽然看起来光秃秃的,但好歹是个网页的样子。
加点颜色
光秃秃的不好看,得加点颜色。听说CSS是管这个的,我就又新建一个文件,叫“*”。
在这个CSS文件里,我写这么几行:
- body {
- background-color: lightblue;
- h2 {
- color: navy;
- text-align: center;
我也不太懂这些是大概就是给整个页面加个浅蓝色背景,然后把标题变成深蓝色,再居中一下。保存!
然后,我回到“*”文件,在 <head> 里面加一句:
- <link rel="stylesheet" href="*">
保存。再刷新一下浏览器,哇,变样!背景变蓝,标题也变色居中,有点意思!
总结
今天折腾这么一会儿,总算弄出一个能看的网页。虽然很简单,但好歹是自己一步步做出来的,感觉还挺有成就感的。以后有空再研究研究JavaScript,听说能让网页动起来,到时候再跟大家分享!





