若用Windows OS, 您可使用Notepad. Macintosh使用者则可选择Simpletext.
ThinkQuest 规定您使用index.html为首页的名字。许多服务器与游览器也认定index.html为首页。
其他的网页可用有意义的名字命名,然后以.html结束。.htm 在这里不被鼓励的原因是因为很有可能会在链接网页时造成混乱。
结构性标记:
在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版本的meta标签使用例子!
Title (标题)标签<title> </title> 应放在 head 段. 您给您网页的标题将显示在游览器的左上角。I
若有实用CSS 或/和JavaScript , 可在这里加上链接的标签。您可点击参看我们的CSS 网页以及 Javascript 网页,获取更多资料。
Body 的这一段将提供网页的主要内容以及其它元素。
您可使用这里提供的基本模版。
<html>
<head>
</head>
<body>
</body>
</html>
您的初始元素及HTML标签应是:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">.
一些标签的例子:
<h1> 您好! </h1>
h1 标签把"您好!" 字体粗化。
h1 标签是最高阶层的标题,h6标签则制定最底层的标题。
例子:
<p>这是新的一段。 </p>
p 标签用在每一段的前面,并包括分行的功能。记得在每一段的后面加上结束标签。
空元素,如 <br /> 或 <hr /> 并不包含任何字体。 这些元素将制定文件的格式。
例:
<p> 这是 <br /> 分行 <br /> 的一段。 </p>
为了让您的网页符合XHTML标准,请在br标签后加上/ 。 点击参看XHTML 页。
观看Flash版本的分行使用例子!
您只需把 <!-- 注解! --> 的标签放进您的HTML 文件里,就能确保浏览器不会处理注解内的字幕.
在您的文件里使用注解,能够帮助联合开发网站者理解彼此之间的程序设计。尤其是在ThinkQuest, 编写HTML的成员也许不止一位,因此注解可以提高效率。
观看Flash 版本的注解使用例子!
如果我们使用属性,我们就能扩展元素的用途。
例如, <img src="image/image.jpg" />
这里,文件将把图片连接到文件中所指定的网址。W
观看Flash版本的属性使用例子!
元素可加在其它元素中。
例如,<div> <a>Text</a> </div>
这称为嵌套元素,并是网页中常见的。嵌套元素的先后十分重要,浏览器靠着它的程序来显示文件。
不要用p标签来分行。p标签的实用意义不在此。所以,您应该使用br标签。
记得使用结束标签!