网站不同图片，用Photoshop就可以做出来，网站是用html代码来编写出来的，然后通过CSS来定义网站的各个元素的大小、颜色、形状、效果，用javascript、jQuery脚本语言制作网页各种动态效果，用PHP语言实现用户与服务器之间的信息交互。
html代码能够做出网页的效果图，例如：
这个网页是用html代码和CSS做的。在这个网站中没有后台，没有其它很棒的动态效果，所以没有用到javascript和jQ以及php。
这节课首先讲解html和CSS，html的全称是超文本标记语言，英文全称是HyperText Markup Language，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。
CSS能够定义html里面的元素的样式，简单来说就是，CSS是用来修饰html里面的东西的，就好比语文中的形容词，html是一个名词，CSS是一个形容词。如果还没理解没关系，下面就会用一个例子来讲解。
上面这个截图是html的基本格式，其中有标签<html></html>,<head></head>,<title></title>,<body></body>。
从图中可以看出来这些标签的关系是这样的：
<html>
<head>
<title></title>
</head>
<body></body>
</html>
怎么会是这样呢？不是还有其它东西吗？其实其它的东西不用管，这是Dw软件打开自带的一些条件，我们暂时不用去学习，我们先去了解html的基本结构。那么，上面的就是html的基本结构。
我们进行一部分一部分去分析：
<html></html>是整个网页的标签，所有标签必须包含在<html></html>标签之间，我们看到，<head></head>,<title></title>,<body></body>这几个标签都是包含在<html></html>标签之间的；我们可以把一个网页看作一个人，人有头部，有姓名，有身体。那么网页也一样，<head></head>标签就是网页的头部部分，head翻译之后就是头部的意思；<title></title>就是标题，相当于人的姓名，这是网站的名称，title翻译之后就是标题的意思。<body></body>就是身体，相当于网页的主体部分。
那么，一个简单的，完整的网页的代码如下：
<html>
<head>
<title>我是一个简单的网页</title>
</head>
<body>2016年3月13日，我在学习网站开发！</body>
</html>
在Dw可以这样做：
最后我们把代码保存下来，就是一个html格式的文件，我们用浏览器打开这个文件就可以浏览这个简单的网页。
我们留意这个网页，出现在<title></title>标签之间的“我是一个简单的网页”最后打开预览就是上图位置的标题，出现在<body></body>之间的“2016年3月13日，我在学习网站开发！”内容最终会出现在下方空白处！也就是说，网站的标题就是放在<title></title>标签之间，网站的内容放在<body></body>之间，包括以后网站的图片，视频，音乐等文件都是放在在<body></body>之间。下面这个是网站文件的地址，网站文件名是Untitle-1.html，是一个以html格式结尾的文件。本节课是认识html的结构，下节课我们学习html和css的使用！
教程原创· 转载请联系授权
相关文章
萌ICP备20240170号