音画网页制作教学之二：第一个html文件

AAA 发表于 2007-12-22 02:26

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

sadsack 发表于 2008-3-1 20:55

这也是我的决心~ 
加油~ 努力~

一池清凉 发表于 2008-3-1 22:35

<html>
<head>
<title>这是我学的第一个html文件</title>
</head>
<body>
学无止境
</body>
</html>

一池清凉 发表于 2008-3-1 22:36

谢谢三A，第一课我会了，就想从头学起，一步一步向前走

tevinbbs 发表于 2008-3-1 23:22

学海无涯

gaoss33 发表于 2008-3-3 00:16

谢谢AAA的教程

wma1 发表于 2008-3-12 11:24

谢谢朋友辛苦了<IMG alt=\"\" src=\"http://www.yinhuabbs.cn/images/smilies/default/zzzz34.gif\" border=0 smilieid=\"105\">

在海一方 发表于 2008-3-12 16:24

试了一下，很有趣。

娇娇公子 发表于 2008-3-17 08:29

好难哟！唉！

愁绪发表于 2008-3-18 09:30

我今天下定决心开始学习html，学不成功誓不罢休。

页: [1] 2

中画网's Archiver

音画网页制作教学之二：第一个html文件