Introduction to HTML(HTML概述)

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的教程。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值