如何制作一个简单的网页，制作一个网页需要用到html语言，这是构建网页框架的基础语言，而装饰网页需要用到css语言。因为只需要制作简单的网页，因此这里为大家准备好了简单的代码，大家可以复制粘贴，然后在适当的地方修改自己的内容即可制作完成。

(资料图)

工具/原料

• 电脑系统：windows 7
• 编辑器：sublime text 3 或者 文本文档
• 浏览器：chrome 75.0.3770.100

一、准备网页文档

1. 1

   在任意文件夹里面，新建一个后缀为html的文件，比如index.html。

   然后我们在编辑器里面打开这个html文件，可以在sublime text 3里面打开，或者文本文档里面打开，这里以sublime text 3作为示范。

2. 2

   然后我们把这行代码复制到文件里面，其中标签里面写的是网页的名字，会在浏览器标签上面显示这个名字。

   END

二、设置网页背景和基本样式

1. 1

   现在在title标签下面直接加上这行代码，这里是设置背景，还有文字的大小和颜色。

   url后面括号里面是图片的位置，把图片和html文件放在同一文件夹里面，根据自己的图片名字进行修改就可以了。

   font-size后面是字体大小，根据自己的需要求修改大小即可。

   color后面是字体的颜色，可以用英语来设置。

   font-family后面是字体的类型。

2. 2

   我们双击打开html文件，在浏览器里打开，就可以看到现在的网页效果了，现在背景图片已经设置好了。

   END

三、设置网页基本信息

1. 1

   img {

   height: 250px;

   width: 250px;

   }

   在标签前面加上这些代码，这是设置个人图片的高度和宽度，可以根据实际来调整数字。

   src="person.jpg">

   然后在body标签里面加上这行代码，双引号里面的就是图片的地址，自己根据实际来调整。

2. 2

   大家好，欢迎来到百度经验!

   现在可以输入网页内容了，在p标签我们可以添加任意的内容，这是介绍网页的信息。

3. 3

   现在刷新一下浏览器，就可以看到制作好的简单网页了。

   END

总结

1. 1

   1. 创建html文件，并且用编辑器打开。

   2. 用代码设置网页的基本架构。

   3. 准备好图片，设置网页背景和文字样式。

   4. 填写网页基本信息和代表图片。

   END

注意事项

• tips: 代码部分是要用英语的，不要用中文来进行代替以免出错。

经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。展开阅读全部

标签： 如何制作一个简单的网页 电脑软件