查看: 34|回复: 5

[11-04] HTML基础教程.HTML 简介

[复制链接]
发表于 2008-11-4 01:55:05 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

x
什么是HTML文件?
HTML指超文本标签语言。
HHTML文件是一个包含一些标签的文本文件。
这些标签告诉WEB浏览器如何显示页面。
HTML文件必须有htm或者html作为文件扩展名。
HTML文件可以由一个简单的文本编辑器创建。
做个实验如何?


第一步:如果您使用Windows,请启动记事本。

如果您使用Mac,请启动SimpleText。

(在OSX中请使用TextEdit,并设置一下参数:在参数设置中选择Plain text字体替代Rich text字体,然后选择“在HTML文件中忽略rich text命令”。这一点很重要,因为不这样的话,HTML代码也许不能正常工作。)

第二步:键入以下文本:

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>

  


第三步:将这个文件存为"mypage.htm"。

第四步:启动您的浏览器。在浏览器的文件菜单中选择“打开”或者“打开页面”。这时会弹出一个对话框。单击“浏览”或者“选择文件”,找到您刚才创建的文件-"mypage.htm",选定它然后打开,现在您会看到对话框中有一行地址,比如:"C:\MyDocuments\mypage.htm"。单击确定按钮,浏览器就会显示这个页面。

例子解释:

HTML文件中的第一个标签是<html>。这个标签告诉浏览器这个一个HTML文件的开始点。文件中最后一个标签是</html>。这个标签告诉您的浏览器,这是HTML文件的结束点。

位于<head>标签和</head>标签之间的文本是头信息。头信息不会显示于浏览器窗口中。

<title>标签中的文本是文件的标题。标题会显示在浏览器的标题栏。

<body>标签中的文本是将被浏览器显示出来的文本。

<b>和</b>标签中的文本将以粗体显示。

为什么我们要使用小写的标签?
我们刚才讲到:HTML标签对大小写是不敏感的:<b>和<B>的作用的相同的。当您在网上冲浪时,您会发现大多数教程在他们的例子中都使用大写的HTML标签。而我们总是使用小写。原因何在呢?

如果您希望为使用下一代HTML而做好准备,您就应该使用小写标签。万维网协会(W3C)的标准是:建议在HTML 4中使用小写标签,而在XHTML(下一代HTML)中,必须使用小写标签。

HTM还是HTML扩展名?
当您将一个HTML文件存盘时,您即可以使用HTM也可以使用HTML作为扩展名。我们刚才使用的.htm作为上面那个例子的扩展名。不过这样做也许是一个坏习惯,习惯于这样做的人也许是因为使用某些过时的软件而养成了这个坏习惯,这些软件只允许三个字母作为扩展名。

如果您使用新近的软件,我们认为使用.html是相当安全的做法。

关于HTML编辑器的注意事项:
您可以使用所见即所得的编辑器而不是纯文本编辑器,这样会更轻松的编辑HTML文件。比方说FrontPage, Claris Home Page, 或者Adobe PageMill。

但是,如果您希望成为一名熟练的开发人员,我们强烈推荐您使用纯文本编辑器来学习我们的《HTML基础教程》。

常见问题(FAQ)
Q:我已经编辑了一个HTML文件,但是浏览器无法显示出结果。为什么?

A: 首先确定您使用了正确的文件名和扩展名存盘,比如说"c:\mypage.htm"。然后看一下是否在浏览器中使用了同样的文件名来打开这个文件。

Q:我重新编辑了HTML文件,但是浏览器的显示没有任何变化。为什么?

A:为了不重复读取同一个页面,浏览器要对您的页面进行缓存。浏览器不会意识到您已经修改了页面。通过使用刷新或者重载按钮,您可以使浏览器读取编辑后的页面。

Q:我应该使用何种浏览器?

A:您可以使用任何一款通用浏览器进行训练,例如Internet Explorer, Mozilla, Netscape,或者Opera。不过,我们的高级课程中的某些例子需要最新版本的浏览器的支持。

Q:我的电脑必须运行Windows吗?使用Mac机可以吗?

A:您可以在非Windows系统上进行所有的训练,比如Mac。不过,我们的高级课程中的某些例子需要的最低版本的Windows系统是Windows 98 或者 Windows 2000。
回复

使用道具 举报

发表于 2008-11-4 02:01:09 | 显示全部楼层
又在哪里复制 粘贴的啊 ~!hou:167
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-11-4 02:27:52 | 显示全部楼层

回复 2楼的 太喜欢你了 的帖子

你不知道,留着以后自己消停了 慢慢学习hou:173
回复 支持 反对

使用道具 举报

发表于 2008-11-4 02:29:12 | 显示全部楼层
hou:30 这是学网页设计基础中的基础............
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-11-4 02:31:31 | 显示全部楼层
原帖由 zhangguo11 于 2008-11-4 02:29 发表
hou:30这是学网页设计基础中的基础............


对我来说这就是天书额hou:167



谁能跟你比 比是专业的吧hou:13
回复 支持 反对

使用道具 举报

发表于 2008-11-4 16:16:11 | 显示全部楼层
楼主好像看也没看就转过来了吧hou:30
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

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