教你做一个最简单的网页(小青交你如何学会做一个简单的网页)
教你做一个最简单的网页(小青交你如何学会做一个简单的网页)那么,先建立一个今后用来放各种文件的文件夹。比如,在“我的文档”下建立名为“HomePage”的文件夹。建立一个文件夹浏览器就是你现在用来看这个网页的软件。大多数人用的是微软的Internet Explorer,简称IE。2,文本编辑器Windows的话用记事本就足够了。
要想做一个简单的网页你需要知道一下几点:
准备工作
做网页只需要一点兴趣和一些工具。
1,浏览器
浏览器就是你现在用来看这个网页的软件。大多数人用的是微软的Internet Explorer,简称IE。
2,文本编辑器
Windows的话用记事本就足够了。
建立一个文件夹
那么,先建立一个今后用来放各种文件的文件夹。比如,在“我的文档”下建立名为“HomePage”的文件夹。
A 打开“我的电脑”→进入“我的文档”。
B 从菜单选择“文件”→“新建”→“文件夹”。
C 出现一个名为“新建文件夹”的文件夹。右键点击它“重命名”,把名字改成“HomePage”。
显示文件的扩展名
做网页的时候,扩展名(文件名末尾的.txt或.html之类的东西)是非常重要的。强烈推荐把扩展名设置成显示模式。
1 打开“我的电脑”→从菜单选择“工具”→“文件夹选项”→“查看”。
2 把“隐藏己知文件类型的扩展名”的前面的勾去掉。
用记事本写HTML
用记事本或其他文本编辑器来写html文件。如果用word来写的话,保存文件时请选择以文本文档保存。
1 开始菜单→所有程序→附件→记事本。
2 在记事本的窗口里输入下面的内容。
<html>
<head>
<title>网页制作练习</title>
</head>
<body>
我的第一个网页。
</body>
</html>
输入完毕后,保存到刚才创建的“我的文档”下面的“HomePage”文件夹,命名为“test.html”。
1 记事本菜单“文件”→“另存为”。
2 选中刚才创建的“HomePage”文件夹。
3 输入文件名“test.html”,保存。
用浏览器打开看看
用浏览器把刚才作成的test.html打开看看。
1 双击test.html,自动启动浏览器(本站的举例都使用IE)。
■ 记事本
文件(F) 编辑(E) ...
<html>
<head>
<title>网页制作练习</title>
</head>
<body>
我的第一个网页。
</body>
</html>
■ Internet Explorer(游览器打开)
文件(F) 编辑(E) ... ●
我的第一个网页。
□
如果顺利显示“我的第一个网页。”的话,就算成功了。
做一点修改
把“我的第一个网页。”这句话修改一下看看。双击test.html的话会自动用浏览器打开,而要进行修改则需要用记事本打开。
1, 先启动记事本,然后在“HomePage”文件夹里点住test.html文件拖到记事本的窗口内放开。
2, 或者启动记事本,“文件”→“打开”→选中test.html打开。
打开test.html后,按下面的步骤进行修改。
A 把文件改成下面的内容。
<html>
<head>
<title>网页制作练习</title>
</head>
<body>
<em>我的</em>第一个网页。
</body>
</html>
B 修改完毕后,“文件”→“保存”。
C 再次用浏览器打开test.html。如果本来已经打开了的话,在浏览器上选择“刷新”。
修改的内容在浏览器上正确显示的话,就算成功了。
换行
在“我的”和“第一个网页。”中间换行。
我的
第一个网页。
就算把句子这样写,用浏览器查看的时候还是没有换行,有些其他的浏览器的显示效果会是“我的 第一个网页。”,中间多了点空隙。要正确地显示换行需要按照以下的内容进行修改。
我的<br>第一个网页。
这样就能换行了,别忘了保存。<br> 是 break 的缩写。
粗体字
这次试试看把“网页”两个字变成粗体字。
我的第一个<b>网页</b>。
刷新浏览器,“网页”两个字变成了粗体字。<b> 是 bold 的缩写,它能够把<b>~</b> 之间的文字变成粗体字。同样,在<i>~</i> 之间的文字会变成斜体字(Italic)。
改变文字颜色
这次试试看把“网页”两个字变成红色。
我的第一个<font color=red>网页</font>。
刷新浏览器,“网页”两个字变成了红色。
综合以上这些就可以进行一个简单的网页完成了。在这里小青告诉你的你觉得编写一个网页还难吗?