当前位置: 洪哥笔记 > DHTML > HTML第一个例子

 

HTML第一个例子


关键词

HTML 例子

摘要

举一个最简单的例子来看看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的世界”的字样。

 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权

本文属于“洪哥笔记”原创文章,转载请注明来源地址:HTML第一个例子:http://www.splaybow.com/post/html-1st-sample.html

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« HTML入门教程 HTML基本语法 »