当前位置:文档之家› 网页设计基础_html代码

网页设计基础_html代码

网页设计基础_html代码
不少人都学习网站的制作,但是又不知道从何入手,也能用一些傻瓜软件搭建自己的网站,但是不知道如何去修改自己的网页内容,从这篇文章开始,我会陆续的为大家介绍一下网页的制作以及div+css的东西,希望能对大家有所帮助。

我先来说一下我自己对网页设计的学习过程的一些理解。

1.要学会使用html代码编写一些相对简单的网页。

这一步用电脑自带的记事本就可以完成了。

2.通过使用可视化软件学会div+css。

这里我只介绍dreamweaver8,因为我学习的就是这个。

有了这两步的学习,那么你在网上看到的一些网页你应该大多数就能自己设计出来了。

废话不多说,进入今天的主题——html代码。

一个网页都是由很多代码写成的,虽然在内容上有很大的不同,但是每一个网页的整体结构是万变不离其宗的。

我们把网页比做一个人来说明:
首先,一个网页有他的“头”——<head></head>
其实,网页还得有他的“身体”——<body></body>,他们“内脏”——也就是网页的内容都在这里边。

这样出来的“人”是没穿衣服的,我们还得给他穿上“衣服”——<html></html>
好了,这样这个人就能在大街上走路了,但是如果所有的“人”都是这样,那我们就没法分辨他们了,所以我们得给他们赋予自己的“面容”——<title></title>——这也是网页设置关键字的地方,很重要。

好,我们用记事本来写一下自己的第一个简单的网页。

<html>
<head>
<title>这是我的第一个网页</title>
</head>
<body>
大家好,我是我的第一个网页。

</body>
</html>
当你用记事本写完这些之后,保存,把后缀名改为.htm或.html,一般我们都用英文来命名。

如first.htm,确定后,就可以打开看一下实际效果了,大家自己找一下title标签中写的内容在哪,body中写的又在哪,我在此就不多做解释了。

相关主题