网页制作之HTML起航篇(第1篇)-优快云博客

大家好相信很多朋友都非常想自己制作网页但是由于不会HTML代码,使自己的设计受到很大阻碍,所以我在这里准备做一个专题,来讲解网页中的HTML代码,如果大家对我的讲解还满意的话,我会继续努力的.

现在我们进入主题吧,首先我要告诉大家HTML代码是最好学的代码,虽然HTML标签众多,但是平常能用到的只有有限的几个,所以我在这里只介绍最常用的HTML标签,有了这些就可以做出很象样的网页了.告诉大家一个信息,本人学HTML常用的标签只用了一周多的时间,所以大家不要认为这有多难.

现在开始了,我们需要的只是一个记事本,建议大家跟着我实践,我写的都是不能再精简的东西.

在记事本里输入如下内容

然后保存,在保存类型里选所有文件,然后文件名为index.html

现在打开这个网页你就会看带这个效果

进入网易

好了现在简单和大家讲解一下 <a></a>这个是HTML中最常用的标签之一了,它的效果大家也都看见了,就是实现超级链接,这也是HTML语言的核心了,废话少说,现在介绍下它的用法.

正如刚才看到的,<a>这个标签里有个href属性,它的值就是你的链接要访问的地址,我们刚才输入的就是163主页,大部分标签都有开头和结尾,比如<a>是开头,</a>就是结尾,而他们中间的内容就是你要在链接上显示的东西了, 我们这里是"进入网易".

当然这个标签还有其他的属性,不过现在我们只需要记住 href 和<a></a>之间的内容,也就是刚才我们那种用法就足够了,因为正常情况下只会用到这些.记住它,这个标签几乎所有的网页上都会看到.

现在给大家一个公式 <a href="链接地址">要显示的内容</a>

想做超级链接,这样用就没问题了.不过那个链接地址要说明一下,刚才我们给的是一个绝对地址,简单说就是域名的形式,不过这个地址还可以使用一种相对路径,比如在你的HTML文件同一个文件夹里还有一个名字为"aa.html"的网页,你可以用这样的形式写链接 <a href="aa.html">进入另一页</a>

这种就叫相对路径,在举个例子你会更明白,你的网页所在的文件夹中还有个文件夹比如

c:\web\index.html

c:\web\bb\aa.html

如果你想在index.html中链接到aa.html也许你会这样写

<a href="c:\web\bb\aa.html">进入另一页</a>

这种形式叫绝对路径如果想用相对路径,就可以这样写

<a href="bb\aa.html">进入另一页</a>

这样就简单多了,建议大家用相对路径这种形式.到这里<a>这个标签已经介绍的差不多了,相信大家也学会了,如果我哪点写的不够明白,请给我留言吧,大家一起讨论,如果觉得这篇文章对您有帮助,请您关注连载,我会定期更新的.