做一个简单的网页

首页 > HTML基础知识 > 做一个简单的网页

目录

准备工作

做网页只需要一点兴趣和一些工具。

  1. 浏览器
    浏览器就是你现在用来看这个网页的软件。大多数人用的是微软的Internet Explorer,简称IE。
  2. 文本编辑器
    Windows的话用记事本就足够了。

建立一个文件夹

那么,先建立一个今后用来放各种文件的文件夹。比如,在“我的文档”下建立名为“HomePage”的文件夹。

  1. 打开“我的电脑”→进入“我的文档”。
  2. 从菜单选择“文件”→“新建”→“文件夹”。
  3. 出现一个名为“新建文件夹”的文件夹。右键点击它“重命名”,把名字改成“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后,按下面的步骤进行修改。

  1. 把文件改成下面的内容。
    <html>
    <head>
    <title>网页制作练习</title>
    </head>
    <body>
    <em>我的</em>第一个网页。
    </body>
    </html>
    
  2. 修改完毕后,“文件”→“保存”。
  3. 再次用浏览器打开test.html。如果本来已经打开了的话,在浏览器上选择“刷新”。

修改的内容在浏览器上正确显示的话,就算成功了。

换行

在“我的”和“第一个网页。”中间换行。

我的
第一个网页。

就算把句子这样写,用浏览器查看的时候还是没有换行,有些其他的浏览器的显示效果会是“我的 第一个网页。”,中间多了点空隙。要正确地显示换行需要按照以下的内容进行修改。

我的<br>第一个网页。

这样就能换行了,别忘了保存。<br> 是 break 的缩写。

粗体字

这次试试看把“网页”两个字变成粗体字。

我的第一个<b>网页</b>

刷新浏览器,“网页”两个字变成了粗体字。<b> 是 bold 的缩写,它能够把<b>~</b> 之间的文字变成粗体字。同样,在<i>~</i> 之间的文字会变成斜体字(Italic)。

改变文字颜色

这次试试看把“网页”两个字变成红色。

我的第一个<font color=red>网页</font>

刷新浏览器,“网页”两个字变成了红色。