想学网页开发怎么做？(这些学习资源快收藏)
发布时间：2025-04-15
浏览次数：
今天又搞一天的网页，累死我。不过总算是把那个效果给弄出来，还是有点小成就感的。给你们分享一下我今天的“战斗”过程。
从零开始
啥也没有，就一个空白的文件夹。我先琢磨着，得有个“地基”？这“地基”就是 HTML 文件。我就新建一个，起个名字叫“*”。
搭骨架
有“地基”，就得开始搭“骨架”。这“骨架”就是 HTML 的那些标签，啥 <head>、<body> 之类的。我用编辑器打开这个“*”文件，先把这些基本的结构给写上。
- 先写 <!DOCTYPE html>，告诉浏览器这是个 HTML5 的文档。
- 然后是 <html> 标签，所有内容都放这里面。
- <html> 里面套 <head> 和 <body>。<head> 里放些看不见的东西，比如标题、编码之类的；<body> 里放网页上能看到的东西。
填内容
“骨架”搭好，就得往里面填东西。我想着先弄个标题，就用 <h2> 标签写个大标题。然后又用 <p> 标签写几段话，算是正文内容。
光是文字太单调，我还想加张图片进去。就找张之前准备好的图片，用 <img> 标签插进去。记得要把图片的路径写对，不然显示不出来。
调样式
内容有，但是看起来丑丑的，咋办？那就得用 CSS 来“打扮打扮”。我新建一个 CSS 文件，叫“*”，然后在 HTML 的 <head> 里面用 <link> 标签把它给引进来。
在 CSS 文件里，我开始给各个元素加样式。比如给标题改个颜色、换个字体，给段落调一下行间距，给图片加个边框之类的。
- 改颜色用 color，比如 color: red; 就是把颜色变成红色。
- 改字体用 font-family，比如 font-family: "微软雅黑"; 就是把字体变成微软雅黑。
- 调行间距用 line-height，比如 line-height: 1.5; 就是把行间距变成 1.5 倍。
- 加边框用 border，比如 border: 1px solid black; 就是加一个 1 像素宽的黑色实线边框。
做修改
写完的网页肯定有很多不满意的地方，一般都是哪里看着不好看，就去修改一下，或者找一些更好看的颜色，一个一个试一下，看看效果。
看效果
CSS 写得差不多，我就在浏览器里打开 HTML 文件，看看效果咋样。不满意的地方就再回去改 CSS，一遍一遍地调，直到看着顺眼为止。
今天就先搞到这里，明天再继续“战斗”，把剩下的功能给实现。虽然有点累，但看着自己做出来的网页，心里还是美滋滋的。
