HTML第一个例子

接下来,我们势必就要“把戏过过手”了——自己来写一个HTML文档。

首先,我们要知道HTML文档应该用一个什么工具来书写。HTML文档是一个纯文本文档,所以我们可以用任何一个文本编辑器去编辑器。如果只是随便玩玩或者应急需要,那直接使用Windows自带的记事本就可以了。如果长期使用,并且想要效率更高更方便,那还是选择一个比较好的文本编辑器吧。比如EditPlus、Notepad++、UEdit等,我以前比较喜欢EditPlus,后来不想用盗版了,就换成了Notepad++。专业用Web界面的美工人员都比较喜欢用DreamWeaver,所见即可得。洪哥这个软件太大、启动太慢。
打开你选择的编辑器,新建一个空白文档。接下来,展示一下程序猿就是农民工的本质:把前面提到的HTML框架拷贝过来,如下:

<html>
<head>
<title>标题</title>
<meta name="keywords" content="关键字">
<!--……其它头部内容-->
</head>
<body>
<!--主体内容-->
</body>
</html>

我们的需求是:在标题上显示“洪哥的第一个HTML页面”,然后在正文中显示“你好!欢迎进行HTML的世界”。
下面我们来改写:
1、把“<title>标题</title>”修改为“<title>洪哥的第一个HTML页面</title>”
2、在“<body></body>”之间加一句话“<body>你好!欢迎进入HTML的世界</body>”
3、把框架中的<meta>标签删除掉,把<!--和-->引起注释都删除掉。
最后变成了如下的样子:
<html>
<head>
<title>洪哥的第一个HTML页面</title>
</head>
<body>
<body>你好!欢迎进入HTML的世界</body>
</body>
</html>

好了,保存它。保存为“honge1.html”,这个后缀名可以是“.htm”,也可以是“.html”,反正都可以。至于“.htm”和“.html”有什么区别就先不要去管了,就当洪哥挖个坑,后面埋不埋就看档期了。
双击运行这个“honge1.html”,不出意外的话,系统应该会自动打开浏览器,并且显示出“你好!欢迎进入HTML的世界”的字样。