HTML是网页主要的组成部分,基本上一个网页都是由HTML语言组成的,所以要学习网站怎样建设,必须从网页的基本语言学起。

 

      先简单的介绍一下HTML语言(我们在这灌输大家的是能够实际操作),HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。

   是呀,HTML并不是很神奇,只是因为你不是很了解它,现在咱们就开始接开她的面纱:

 

HTML文件是什么?

  • HTML表示超文本标记语言(Hyper Text Markup Language)。
  • HTML文件是一个包含标记的文本文件。
  • 这些标记保速浏览器怎样显示这个页面。
  • HTML文件必须有htm或者html扩展名。
  • HTML文件可以用一个简单的文本编辑器创建。

做个实验如何?

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

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

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

第二步:键入以下文本:

<html>
<head>
<title>页面的标题</title>
</head>
<body>
<p>这是我的第一个页面。<b>这是粗体文本。</b></p>
</body>
</html>

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


第四步:直接双击文件;或者启动浏览器 -> 在文件菜单中选择“打开”(或者“打开页面”),这时将出现一个对话框 -> 选择“浏览”(或者“选择文件”) ->  定位到你刚才创建的HTML文件——“mypage.htm”,选择它,单击“打开” ->.然后在对话框中,你将看到这个文件的地址,比如说:“C:\MyDocuments\mypage.htm”  ->  单击“确定”,浏览器将显示此页面。

 

为什么我们要使用小写的标签?

我们刚才讲到: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,甚至更高阶的 Dreamweaver。

但是,如果您希望成为一名熟练的开发人员,我们强烈推荐你用纯文本编辑器编写代码,这有助于学习HTML基础。


 

常见问题(FAQ)

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

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

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

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

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

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

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

A:您可以在非 Windows 系统上进行所有的训练,比如 Mac。

 

posted on 2009-11-11 17:22  Kein  阅读(325)  评论(0编辑  收藏  举报