查看: 1307|回复: 0

掌握网页代码基本格式 [复制链接]

justion

高级会员

Rank: 4

电梯直达

楼主

发表于 2013-4-10 07:58:09 |只看该作者 |倒序浏览

在网页和网站设计中，我们会用到网页的代码。虽然我们不会代码页可以做网站，因为我们用一些工具如DREAMWEAVER等来做的话，只要会设计就行了，不会代码的话，问题也不是很大。不过，我们在网页设计中还是要知道一些网页代码的基础知识。这就要知道代码的格式了。

那么是什么原因让我们要熟悉网页代码呢？如果我们知道代码的话，就会让我们的网页设计工作如虎添翼，对于精简网页的代码也有很多的帮助，而精简代码可以制作更加小巧的网页，不但少占用了空间，而且可以让网站有更好的排名，符合网站优化的要求。网站的制作者还可以使用一些外部的小程序、内嵌脚本、插件和其它扩展的HTML功能，充分发挥自己的想像力，就能设计出充满魅力的主页来。

并不是Dreamweaver就可以做出一切你想要的效果的。用有些效果的制作只能通过编辑代码来完成，或者通过编辑代码相对容易一些。如果我们知道网页的代码知识，那么哪怕看见一个好的效果，想修改一下放到自己的网站里面来，也是很简单的事情。

一般网页的基本格式是：

<html>
<head>
<title>标题</title>
</head>
<body>
这里放置网页代码的主体。
</body>
</html>

网页设计的代码叫做HTML代码。使用标识对的方法编写文件，既简单又方便，它通常使用<标识名>来表示标识的开始和结束，因此绝大多数代码在HTML文档中的标识对都必须是成对使用的。在网页的制作中，代码的格式不要弄混乱了。

<html></html>标签
标识用于HTML文档的最前边，用来标识HTML文档的开始。而标识恰恰相反，它放在HTML文档的最后边，用来标识HTMLl文档的结束，它们并没有实际意义，只是告诉浏览器，它正在处理HTML文件。两个标识必须一块使用。

<head></head>
故名思意，这就是网页的头部了，这部分可以放置网页的一些识别信息，和该网页特有的信息，如标题，关键词等等。这对标记之间的代码在刚打开网页的时候是先于其他一些代码的，所以当引用一些文件或者函数时，可以将他们放置在这之间引用。

<title></title>
浏览过网页的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的主题信息，要将您的网页的主题信息显示到浏览器的顶部，也就是标题栏的方法很简单，就是在标识对之间加入您要显示的文本即可。

对于搜索引擎来说，这个标识里面的信息是对网站的排名有影响的，这个就不多说了。

<body></body>
<body></body>是HTML文档的主体部分，一般来说绝大多数的网页代码都会在这两个标识之间。它们之间可包含众多的HTML标识，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标识必须一块使用。<body>标识中还可以加一些其它属性。

这些都是最基本的网页代码知识，确切地说，如果在网站制作和设计中，只这对这些东西也是不够的，不过要想做好点的网站，那么这些最基本的网页代码还是要会的。

分享到: QQ空间 腾讯微博 腾讯朋友

分享0 收藏0

使用道具举报

返回列表

		自动登录	找回密码
密码			立即注册