HTML教程

HTML网页

第一个HTML网站页面？

通过前面几节教程学习对HTML的了解，现在我们只需再花几分钟时间，就能学会如何制作自己的第一个网站页面了。

我们知道HTML网页制作需要有浏览器来测试网页效果，同时还要有代码编辑器（或者类似的文本编辑器）。我们使用windows自带的记事本程序（Notepad）就可以编辑HTML代码：依次选择“开始菜单→程序→附件→记事本”。

浏览器读取HTML代码就跟你读书一样，也是从上往下，从左到右进行的。在记事本编辑器里首先要做的是告诉浏览器，我们将采用HTML语言来“对话”。这是通过<html>标签来实现的。所以我们先在记事本的第一行敲入“<html>”。前面我们说到，这里的<html>是首标签，在HTML文档结尾处必须有相应的尾标签与之对应。那么我们现在就写上这个尾标签“</html>”，然后在<html>和</html>之间留些空行，其余HTML代码都必须写在这里。

下面，我们需要为HTML文档写一个“头部（head）”，它提供关于当前HTML文档的头部信息；然后写一个“主体（body）”，它提供文档的内容信息。我们只需把头部信息标签（<head>和</head>）放到主体信息标签(<body>和</body>）的前面就行了。在记事本里输入代码如下：

</html>
	<head>  
		<title>我的第一个网站</title>  
	</head>    
	<body>  
		<p>Hello World！这是我的第一个网站。</p>  
	</body>    
</html>

从代码中我们可以看到，在head标签对里面我们还加了一对Title标签，Title翻译成中文是"标题"，所以这对标签也就是指定了网页要显示的标题“我的第一个网站”。在主体信息标签body里还加了一对<p>标签，就像我们在Word里面编辑文本一样，<p>标签指定了我们要给<p>标签对里面的内容起一个段落（Paragraph）。

 

显示我的第一个网页？

现在将这个记事本文档保存为“page.html”（后缀名“html”表明它是一个HTML文档。后缀名用“htm”也可以，你可以根据自己的爱好选用二者中的任一个）。

然后我们打开浏览器，在“文件”菜单下选择“打开”。 在弹出的对话框中点击“浏览”按钮。现在，请找到你刚才保存的HTML网页文档，点击“打开”。浏览器中应显示“Hello World！这是我的第一个网站。”。

如果你希望自己的网站能马上被全世界的朋友看到，那可以先去后面《HTML网页上传》这一节学习一下如何把刚才制作的网页上传到因特网服务器（Internet）上。如果你不急的话，那我们就继续往下学习更多的HTML页面标记和其他HTML教程知识，让刚才制作的第一个网页内容更加丰富。

优秀HTML网页欣赏

　

http://www.w3.org    http://www.html.com......

HTML标签 HTML标签  HTML页面标记HTML页面标记 HTML页面标记