查看: 4504|回复: 16

[教程] 音画网页制作教学之二:第一个html文件

[复制链接]

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2007-12-22 02:26 | 显示全部楼层 |阅读模式

第一个html文件

在这里,我们先来看一个简单的html文件的范例,对其进行解释,一是您对之有一个感性的认识,为以后的学习打下基??/p>

html文件是纯文本文件,是用ascii码写成的原文件,可以用任何一个文本编辑器(如记事本notepad)打开和编辑。

html文件包括两部分:

  1. 文件的内容部分;
  2. html的标识部分;

大多数html表示的书写格式如下:

<标识名>显示内容</标识名>

浏览器的功能是解释并显示html文件。需要注意的是对同一个html文件,不同的浏览器显示的效果可能不一样。下面就给出一个html文件的例子,以便读者对照其在浏览器中的显示情况,来了解html文件的基本格式、概念和标记。在编辑的文本文件里写出如下内容(你可以使用windows子代的记事本来编写):


<html>
<head>
<title>这是我的第一个html文件</title>
</head>
<body>
我今天下定决心开始学习html,学不成功誓不罢休。
现在我用html标识来显示具体内容。
网页的具体内容放置于该处。
</body>
</html>

然后将文件保存为后缀为.htm或者.html的文件(用"文件"菜单中的"另存为"命令,在文件名中输入完整的文件名,如:example.htm,文件类型中选择"所有类型"),用浏览器打开该文件即可看到显示效果。

这就是一个简单的html文件。

下面介绍所用的标识:

  1. <html></html>标识:任何一个html文件都应该以该标识开头和结尾,该标识告诉浏览器适用html语言来解释和显示该文件。其它内容都应写在该标识之间。(注意,今后可能会经常用到之间和内部,之间是指开是标示和结尾标识中间,如<html>本里写在该标识之间</html>,内部是开识标识以内书写特定的内容,如<html title="超文本标识语言"></html>。另外,此处的title=""是<html></html>标是的一个属性,而不是下面讲的<title></title>标识,标识和属性识两个不同的概念,在html文件中,标识都是以尖括号括起来的,而属性识标是的一部分,对标是主体其辅助修饰作用。关于属性,以后用到时在解释。),请注意区分。
  2. <head></head>标识:该标识是网页头部标识。写在该标是之间的内容一般不显示出来,只有后面讲到的<title></title>标识会显示在浏览器顶部的蓝色标题栏中。
  3. <title></title>标识:该标是放置于<head></head>标识之间,其中间书写的内容将显示在浏览器的顶部标题栏中。是一个html文件的标题,如上例所示,标题的内容你可以任意制定,也可以不写。
  4. <body></body>标识:网页的主题内容应该放置在该标识之间,而该标识应该放置在<html></html>标识之内。

在此已经讲了四个标识,这四个标识的用法都很简单,就如同所举的例子一样即可,至于你想加入更多的内容则只需要在<body></body>标是之间加入相应的内容即可。另外标识与标是之间可以不换行,换行的目的是为了便于阅读,标识也无须区分字母的大小写,如写成<Html><hEad><TITLE>标题</title></HEAD><body>内容</body></html>将得到同上面相同的显示效果,但为了便于阅读和修改,最好统一用大写或者小写字母书写。

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-3-1 20:55 | 显示全部楼层
这也是我的决心~
加油~ 努力~

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-3-1 22:35 | 显示全部楼层
这是我学的第一个html文件 学无止境

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-3-1 22:36 | 显示全部楼层
谢谢三A,第一课我会了,就想从头学起,一步一步向前走

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-3-1 23:22 | 显示全部楼层
学海无涯

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-3-3 00:16 | 显示全部楼层
谢谢AAA的教程

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-3-12 11:24 | 显示全部楼层

谢谢 朋友辛苦了\"\"

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-3-12 16:24 | 显示全部楼层
试了一下,很有趣。

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-3-17 08:29 | 显示全部楼层
好难哟!唉!

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-3-18 09:30 | 显示全部楼层
我今天下定决心开始学习html,学不成功誓不罢休。
您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

网站地图|小黑屋|Archiver|中画网 ( 蜀ICP备11021737号-2 )|网站地图

GMT+8, 2024-11-15 16:32 , Processed in 0.061572 second(s), 25 queries , MemCached On.

上网要文明 发言要理性

Powered by Discuz! © 2008-2023 YinHuaBBS.CN

快速回复 返回顶部 返回列表