HTML作为网站建设的语言,它有哪些常用的标签,哪些标签起什么作用,这是一个初学者必须学习的。我们先来看一段最基本的HTML代码

<html>
<head><title>助派网络信息</title></head>
<body>
<h1>一号标题</h1>
<p>你好,世界,这是我的文章内容。</p>
</body>
</html>

这段代码非常简单,初学者或许会看不明白,不要怕,看完以下解释你就完全懂了。

文档标签:<html></html>

    这对标签在每个HTML文档里面都是必备的,而且是每个文档的开始位置就要写出来,当然后面那个</html>是在文档的最未,它们把整个网页的内容包括在里面,这对标签是什么意思,一直没有人去解释,大多数教程只说它们是必须要写上的而已。按我个人的理解这里的意思是声明这个文档是HTML文档的意思,因为我们要打开一个文档,电脑是不知道这个文档是干嘛用的,所以要有一对标签声明它是干嘛用的,就如它跟电脑说“我是HTML文档,你要按HTML方式来读取我的信息。”这样理解或许不是最标准的答案,但一定是最容易理解的答案。

文档抬头:<head></head>

    head标签里面包含的内容是整个文档的抬头信息,包括网站标题信息,还有网站关键词及网站编码信息,语言信息等(在以后的课程会介绍)。这里面的内容一般不会出现在网页的主体显示上。

网站教程

网页标题:<title></title>

    包含在这对标签里面的文字将成网页的标题信息展现在浏览器标签上,如上图所标出的信息。网页的标题要放在<head>标签对里面,放在其它地方就会失去它原有的效果。

网页主体:<body></body>

    网页的所有可见内容都放在网页的主体标签里面,我们很容易从字面上理解这对标签的含义——主体,我们做任何网页都是要给人看的,所以可以看得见的内容都要写在这里面,当然还有看不见的脚本信息也可以放在这里(以后会讲解)。

文章标题:<h1></h1>

    网页中所有的文章都有标题,注意,这里的标题是文章的标题,不是网页标题,文章标题是在网页的主体内容里显示的,这里使用的是h1是一号标题,HTML里文章标题可分为多级标题,可以是h1,h2,h3,...后面的数字越大,显示出来的标题就越小。

文章段落:<p></p>

    上面有文章标题那么,写了文章标题之后我们肯定就是开始写文章的段落,所以HTML里就有段落标签<p>,在这个标签里面的文字会具有段落的属性,它们会距离段落上下的文字有一定的距离,当然这些都是可以改变的,这里使用它是为了好区分文章的段落信息。

看完这些你就已经完全理解了HTML文档的最基本标签,但是这些代码要怎样才能生效,要用什么来写呢?很多教程并不告诉你,那么现在我来告诉你,这非常简单,你打开你电脑里面的记事本,把以上代码复制进去,或你为了加深印象可以自己跟着写进去。如下图:

记事本代码

当你把代码都复制或写好了之后点击记事本上面的文件菜单,接着点击另存为,如下图:

记事本写代码

然后在出现在对话框里保存类型一定要选择:所有文件,如下图:

保存html

选好保存类型之后,还有非常关键的一步就是在文件名里输入的后缀名一定是HTML可读类型的名称,如.html或.htm这样的后缀名才能使你的网页成为一个正常的网页。

手工代码

保存好了之后,记住你保存的路径及保存的文档名,然后去找到这个文件,双击它就能得到你的第一个网页。

最简单的网页

好了现在你已经学会怎么去做一个网页了,赶紧去动动手吧,只有你动手多练习,你以后才能更加得心应手。