超文件表示语言


工具包 > 超文件表示语言 (首页) >超文件表示语言

内容跳跃

何谓 HTML?

现实
隐藏

HTML HTML 是Hyper Text Markup Language ,华文称为超文件表示语言的简称。

这是制作网页的一大需要,它能够代表出你的主题与内容。

Explore Deeper!
隐藏

HTML之历史 若对HTML的历史有兴趣,请点击这里,前往英文版的HTML解说。 

Top

如何开始

显示
隐藏

Notepad 若用Windows OS, 您可使用Notepad. Macintosh使用者则可选择Simpletext.

ThinkQuest 规定您使用index.html为首页的名字。许多服务器与游览器也认定index.html为首页。

其他的网页可用有意义的名字命名,然后以.html结束。.htm 在这里不被鼓励的原因是因为很有可能会在链接网页时造成混乱。

Top

HTML 文件结构

显示
隐藏

结构性标记: 在HTML文件的开头加上<html> 标记,在HTML文件结束的地方放上</html>的终结标记。 文件中将包括<head> </head>与 <body> </body>的标记。

利用 meta 命令

<meta name="keywords" content="thinkquest,website" />
这meta tag指明网站的关键词,让搜索引擎能够找到您的网页。

<meta name="description" content="A web building guide for ThinkQuesters" />
在这里加上您网页的说明。

<meta name=""revised" content="twt, 08/04/07" />
这标签则让您的读者得知网页的最后一次更新是何时。

Flash Content 观看Flash版本的meta标签使用例子!

Title (标题)标签<title> </title> 应放在 head 段. 您给您网页的标题将显示在游览器的左上角。I

若有实用CSS 或/和JavaScript , 可在这里加上链接的标签。您可点击参看我们的CSS 网页以及 Javascript 网页,获取更多资料。

Body 的这一段将提供网页的主要内容以及其它元素。

您可使用这里提供的基本模版。
<html>

<head>

</head>

<body>

</body>

</html>

Explore Deeper!
隐藏

若对文件类型描述有兴趣,请点击这里,前往英文版的HTML解说。 

Top

标签?如何使用?

Show
Hide

您的初始元素及HTML标签应是: <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">.

一些标签的例子:

<h1> 您好! </h1>

h1 标签把"您好!" 字体粗化。 

h1 标签是最高阶层的标题,h6标签则制定最底层的标题。 

例子:

<p>这是新的一段。  </p>

p 标签用在每一段的前面,并包括分行的功能。记得在每一段的后面加上结束标签。 

Top

空元素

显示
隐藏

空元素,如 <br /> 或 <hr /> 并不包含任何字体。 这些元素将制定文件的格式。 

例:

<p> 这是 <br /> 分行 <br /> 的一段。  </p>

为了让您的网页符合XHTML标准,请在br标签后加上/ 。  点击参看XHTML 页

Flash Content 观看Flash版本的分行使用例子!

Top

注解

显示
隐藏

您只需把 <!-- 注解! --> 的标签放进您的HTML 文件里,就能确保浏览器不会处理注解内的字幕.

在您的文件里使用注解,能够帮助联合开发网站者理解彼此之间的程序设计。尤其是在ThinkQuest, 编写HTML的成员也许不止一位,因此注解可以提高效率。

Flash Content 观看Flash 版本的注解使用例子!

Top

属性

显示
隐藏

如果我们使用属性,我们就能扩展元素的用途。

例如, <img src="image/image.jpg" />

这里,文件将把图片连接到文件中所指定的网址。W

Flash Content 观看Flash版本的属性使用例子!

Top

嵌套元素

显示
隐藏

元素可加在其它元素中。

例如,<div> <a>Text</a> </div>

这称为嵌套元素,并是网页中常见的。嵌套元素的先后十分重要,浏览器靠着它的程序来显示文件。

Top

提醒您

显示
隐藏

不要用p标签来分行。p标签的实用意义不在此。所以,您应该使用br标签。

记得使用结束标签!

参考:
  1. "W3Schools Online Web Tutorials". W3Schools. 23/2/2007 <http://www.w3schools.com>
  2. "W3C". World Wide Web Consortium. 23/2/2007 <http://www.w3.org>
点击 参考资料 查看本网站使用的参考资料.
Top