Introduction to HTML(HTML概述)
什么是HTML文件?
- HTML是 Hyper Text Markup Language (超文本标记语言)的缩写。
- 一个HTML文件是一个包含很多小标记的文本文件。
- 这些标记告诉浏览器怎样显示这些信息。
- 一个HTML文件的扩展名是.html或.htm 。
- 你可以用记事本来创建这些HTML文件。
想不想现在试试?
如果你使用windows,请打开记事本。
如果你使用苹果机,请打开SimpleText.
在OSX 打开TextEdit 并改变下面的设置: 在参数设置窗口里选择 "Plain text" (纯文本)代替 "Rich text" 并选中"Ignore rich text commands in HTML files"。这是非常重要的,如果你不这么做,那么你的HTML代码可能不
能正常工作。
然后键入下面的文字:
<html> <head> <title>网页的标题</title> </head> <body> 这是我的第一个网页. <b>这些文本是粗体的。</b> </body> </html> |
把文件保存为"mypage.htm".
打开你的浏览器. 从你浏览器的文件菜单下选择打开选项。然后你会看到一个对话框.。点击浏览并选择你所创建的HTML文件,就是你刚刚创建的"mypage.htm" ,选择它点击打开按钮。现在你会看到一个地址出现在对话框里如"C:/MyDocuments/mypage.htm"。点击确定,浏览会展示这个页面。
例子分析
在你的HTML文件的第一个标记是 <html>。这个标记告诉你的浏览器现在开始是一个HTML文档 。在你的HTML文件的最后一个标记是 </html>. 这个标记告诉你的浏览器这个HTML文档结束了。.
在 <head> 标记和</head> 之间的文字是头信息。这些信息不会显示在浏览器的窗口里面。
在<title>标记中间的是你的文档的标题。这个标题会显示在你的浏览器的标题栏上。
在<body> 标记中的 文字(注意,标记不会显示出来)将会显示在你的浏览器窗口中。.
在 <b> 和</b> 标记之间的文件将会用粗体显示出来。
HTM 或HTML扩展名?
当你保存HTML文件时,你可以使用 .htm 或 .html 扩展名。 我们在过去的例子中使用.htm 。我想它是一种坏习惯,这种习惯来源于在过去的软件所使用的扩展名都是三个字符的。
不过现在我们应该使用.html更好一些。
HTML编辑器的注意
你可以使用一个可见即可得的HTML编辑器代替记事本来编写HTML文件。如FrontPage, Claris Home Page,或者Adobe PageMill
但是如果你想成为一个好的网页设计师, 我们强烈推荐你使用记事本学习HTML的基础知识。
FAQ
Q: 我编辑完我的HTML文件后,不能在浏览器中看到结果. 为什么?
A: 确保你保存了你的文件如"c:/mypage.htm". 同时确保你在浏览器中打开的是同一个文件。
Q:我修改了我的HTML文件但在浏览器中没有看到改变. 为什么?
A: 浏览器缓存了你的网页是你不用总是读相同的文件. 当你修改你的网页时, 浏览器并不知道它修改了,因为它使用缓存中的内容.。你可以单击浏览器上的刷新按钮强迫浏览器重新加载这个文件。
Q: 我能同时使用Internet Explorer 和 Netscape Navigator?
A: 当然能, 你能做所有的训练使用Netscape 3.0 或者更高的版本 , Internet Explorer 3.0或者更高的版本. 但是, 后面课程有一小部分的例子需要你使用 Internet Explorer 4.0 / 5.0 或 6.0, 或 Netscape 6.0才能正常显示。
Q: 是不是我的计算机必须运行在 Windows下? 苹果机可以吗?
A: 你完全可以在非windows环境下运行这些例子如 Mac。但是, 后面课程有一小部分的例子需要你使用windows的较新版本如 Windows 98 或者 Windows 2000.
该文章由我从http://www.w3schools.com/html/html_intro.asp翻译过来,是一个HTML的教程。