网页制作基础教程（一）-段亮个人博客

前几天无聊跑到安然的博客逛逛。无意间发现他博客最近增加一个网页制作的栏目，点进去看看，发现他最近学习网页制作真的很努力，比我那时学网页制作努力多了。每节课还做有详细的笔记。在他的笔记中会详细记录他的学习的思路，以及网站该怎么去布局。真的让我很佩服他，真的得向他学习！

正好最近个人博客不知道该更新什么文章了，突然有个想法，写一些《网页制作的基础教程》系列的文章，把自己最近学习网页制作的一些经验，总结给那些还没入门的小白用户，让更多人用最快的时间学会网页制作。

今天简单的跟大家一起学习下网页的基本结构。或许有很多人不明白一个网页分为哪几部分，以及是一个怎么样的结构，今天就由段亮跟大家一起分享下一个网页的基本机构：

一般来说一个网站分可以大概为三大块：

一：网站整体

我们都知道，网页的所有内容都是放置在标签里。这里我们大致称之为网页的“整体”，就相当于人的身体一样。如果说网页用来比喻成人的身体的话，那么同样的道理：网页也有着自己头部、和身体。

二：网站头部

网站的头部：一般是在标签，网页的头部一般放置什么内容呢？

比如：meta标签（每个meta告诉相对应的告诉浏览器，我有什么含义）、CSS、JS

<meta charset="utf-8"/>
<!--告诉浏览器当前网页的编码格式utf-8的国际编码-->    
<style type="text/css">内嵌CSS样式（放置CSS）</style>    
<script type="text/javascript">放置JS脚本文件</script>

三：网站身体

网站的身体部分，通常我们放置文章正文内容。

如图所示：

网站结构图

Html代码如下：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <!--不可少的三要素.标题、关键词、描述-->
 <title>网站标题</title>
 <meta name="keywords" content="网站关键词" />
 <meta name="description" content="网站描述" />
 <!--这里还可以放置JS\CSS文件-->
 </head>
<body>
<h1>这是我的第一个网页</h1>
</body>
</html>

 注：这是一个html4.0格式的网页。charset(表示声明当前页面的编码集)

总结：一个网站由三部分组成。头部：一般放置页面的页面的编码集，网站标题、关键、描述、JS、CSS...而身体：放置网页的正文内容。这些你都知道了吗？

PS:以后会跟大家一起分享一篇完整企业项目案列哟！对于我的写文章，有什么好的建议可以提出来哦！相互学习。

网页制作基础教程（一）

或许你还喜欢以下内容:

网页基础教程（九）--CSS浮动

不可不知的CSS小技巧

如何学习网页制作（个人经验）

网页制作基础教程（八）---CSS定位

网页制作基础教程（二）html标签

网页制作基础教程（四）-css语法

什么是静态和动态网页？

那些年“被掩埋的表格”