var
您好,欢迎访问景安网络旗下资讯网!
运营 建站 系统 数据库 编程

首页 > HTML教程  >HTML教程之如何制作一个简单的网站?

HTML教程之如何制作一个简单的网站?

来源:景安IDC资讯作者:kk发布时间:2015-06-02点击:2019

HTML教程之如何制作一个简单的网站?首先请打开记事本程序(Notepad):依次选择“开始菜单→程序→附件→记事本”即可。

HTML教程之如何制作一个简单的网站?首先请打开记事本程序(Notepad):依次选择“开始菜单→程序→附件→记事本”即可。

然后可以先试着做一个显示如下内容的网页:“哇!这是我的第一个网站。”HTML简单易学。浏览器读HTML就跟你读书一样,也是从上往下,从左到右进行的。所以,HTML文档的开始和结束便对应于网页的头和尾。

首先要做的是告诉浏览器,将采用HTML语言来“对话”。这是通过<html>标签来实现的(这是容易理解的)。所以,在做所有其他事之前,先在记事本的第一行敲入“<html></html>”,然后在<html></html>之间留些空行,用于书写其余代码。

下面,我们需要为HTML文档写一个“头部(head)”,它提供关于当前文档的信息;然后写一个“主体(body)”,它提供文档的内容。HTML最重要的就是简单——在这里,我们只需把头部(<head></head>)放到主体(<body></body>)的前面就行了。

如下所示:


<html>


 <head>

 </head>


 <body>

 </body>


</html>

注意我们是如何用换行(用Enter键)与缩进(用Tab键)令代码具有层次感的。上面这个文档便构成了一个简单的网站——它只包含一个网页,而且内容很单调,可能与想象相去甚远,但在一定程度上它仍是一个网站。你可以将它用作其他HTML文档的基本模版。

接下来我们可以学习如何添加更多内容?

HTML文档有两个部分:头部(head)和主体(body)。在头部(head)提供关于网页的信息,在主体(body)部分提供网页的具体内容。

比如,如果要指定HTML文档的网页标题(title)(它将显示在浏览器窗口顶部),就要在头部(head)提供有关信息。用title元素来指定网页标题:即在首标签<title>与尾标签</title>之间写上网页标题:

<title>我的第一个网站</title>

注意,网页标题(title)不是显示在网页里,而是显示在浏览器窗口的标题栏上的。网页里显示的所有内容都必须放在body元素里。

比如,我们要在网页里显示“哇!这是我的第一个网站。”这行文字,它属于主体(body)部分,所以我们在body元素里输入:

<p>哇!这是我的第一个网站。</p>

标签<p>里的p是“段落(paragraph)”的意思,也就是一个文本段落。现在,你的HTML文档应该是这样:


</html>

<head>

<title>我的第一个网站</title>

</head>

<body>

<p>哇!这是我的第一个网站。</p>

</body>

</html>

接着,你需要将它保存到你的硬盘上,然后在浏览器中打开它:在记事本的“文件”菜单下选择“另存为...”。

这时会弹出一个对话框,在“保存类型”右边的下拉菜单里选择“所有文件”。这一点很重要——否则,它将被保存为文本文档,而不是HTML文档。

现在将这个文档保存为“page1.htm”(后缀名“htm”表明它是一个HTML文档。后缀名用“html”也可以,但我比较习惯使用“htm”,你可以根据自己的喜好选用二者中的任一个)。将HTML文档保存在硬盘上的哪个文件夹无关紧要——只要你记得保存位置,并能再次找到它就行。保存文档

现在打开浏览器:在“文件”菜单下选择“打开”。在弹出的对话框中点击“浏览”按钮。

现在,请找到你的HTML文档,然后点击“打开”。打开文档这时,浏览器中应显示“哇!这是我的第一个网站。”


版权声明:本文系技术人员研究整理的智慧结晶,转载勿用于商业用途,并保留本文链接,侵权必究!

本文链接:https://www.zzidc.com:443/info/htmljc/173.html

返回顶部