日期:2013-11-15 浏览次数:20836 次
第一步:如果您使用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)中,必须使用小写标签。
当您将一个HTML文件存盘时,您即可以使用HTM也可以使用HTML作为扩展名。我们刚才使用的.htm作为上面那个例子的扩展名。不过这样做也许是一个坏习惯,习惯于这样做的人也许是由于使用某些过时的软件而养成了这个坏习惯,这些软件只允许三个字母作为扩展名。
如果您使用早先的软件,我们认为使用.html是相当安全的做法。
您可以使用所见即所得的编辑器而不是纯文本编辑器,这样会更轻松的编辑HTML文件。比方说FrontPage, Claris Home Page, 或者Adobe PageMill。
但是,如果您希望成为一名熟练的开发人员,我们强烈推荐您使用纯文本编辑器来学习我们的《HTML基础教程》。
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。