第一个html文件
在这里,我们先来看一个简单的html文件的范例,对其进行解释,一是您对之有一个感性的认识,为以后的学习打下基??/p>
html文件是纯文本文件,是用ascii码写成的原文件,可以用任何一个文本编辑器(如记事本notepad)打开和编辑。
html文件包括两部分:
-
文件的内容部分;
-
html的标识部分;
大多数html表示的书写格式如下:
<标识名>显示内容</标识名>
浏览器的功能是解释并显示html文件。需要注意的是对同一个html文件,不同的浏览器显示的效果可能不一样。下面就给出一个html文件的例子,以便读者对照其在浏览器中的显示情况,来了解html文件的基本格式、概念和标记。在编辑的文本文件里写出如下内容(你可以使用windows子代的记事本来编写):
<html> <head> <title>这是我的第一个html文件</title> </head> <body> 我今天下定决心开始学习html,学不成功誓不罢休。 现在我用html标识来显示具体内容。 网页的具体内容放置于该处。 </body> </html>
然后将文件保存为后缀为.htm或者.html的文件(用"文件"菜单中的"另存为"命令,在文件名中输入完整的文件名,如:example.htm,文件类型中选择"所有类型"),用浏览器打开该文件即可看到显示效果。
这就是一个简单的html文件。
下面介绍所用的标识:
-
<html></html>标识:任何一个html文件都应该以该标识开头和结尾,该标识告诉浏览器适用html语言来解释和显示该文件。其它内容都应写在该标识之间。(注意,今后可能会经常用到之间和内部,之间是指开是标示和结尾标识中间,如<html>本里写在该标识之间</html>,内部是开识标识以内书写特定的内容,如<html title="超文本标识语言"></html>。另外,此处的title=""是<html></html>标是的一个属性,而不是下面讲的<title></title>标识,标识和属性识两个不同的概念,在html文件中,标识都是以尖括号括起来的,而属性识标是的一部分,对标是主体其辅助修饰作用。关于属性,以后用到时在解释。),请注意区分。
-
<head></head>标识:该标识是网页头部标识。写在该标是之间的内容一般不显示出来,只有后面讲到的<title></title>标识会显示在浏览器顶部的蓝色标题栏中。
-
<title></title>标识:该标是放置于<head></head>标识之间,其中间书写的内容将显示在浏览器的顶部标题栏中。是一个html文件的标题,如上例所示,标题的内容你可以任意制定,也可以不写。
-
<body></body>标识:网页的主题内容应该放置在该标识之间,而该标识应该放置在<html></html>标识之内。
在此已经讲了四个标识,这四个标识的用法都很简单,就如同所举的例子一样即可,至于你想加入更多的内容则只需要在<body></body>标是之间加入相应的内容即可。另外标识与标是之间可以不换行,换行的目的是为了便于阅读,标识也无须区分字母的大小写,如写成<Html><hEad><TITLE>标题</title></HEAD><body>内容</body></html>将得到同上面相同的显示效果,但为了便于阅读和修改,最好统一用大写或者小写字母书写。 |