网站本身就是软件，软件：一种具有特定功能的程序指令的集合
C/S：C客户端-->S服务器 由程序员开发 客户去下载升级安装，比如魔兽世界
B/S：B浏览器-->S服务器 由程序员开发维护升级，使用浏览器打开，比如网站
现在有许多C/S软件向B/S过度
哪些在客户端工作，哪些在服务端工作？
客户端：html div css js jquery
服务器端：php java .net c c++ ruby 数据库
网站开发的顺序：
1.html div css 页面处理
2.ruby mysql js jquery
静态网页：不与数据库挂接的就是静态网页
动态网站：与静态网页相反
html div css 就是用来做静态网页的
- html 标记语言，用特定单词或者字母组合表示特定含义
格式：<单词或字母组合>
单标记 <单词或字母组合 /> /表示关闭的意思
双标记 <单词或字母组合> </单词或字母组合>
注意：浏览器通用标记语言是html
任何的编辑工具都可以编辑html语言，文件以.htm .html .shtml这三种形式结尾
html标记：br p hn hr font img 注释
注意：网站的首页一般用 index.html 或者 default.html 所有的静态页面都可以双击打开
index 索引(编号)
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
你好
哈哈
</body>
</html>
在浏览器中的显示是
这是因为浏览器在解释大段空白的时候，解释成一个空格
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
你好 <br/>哈哈
</body>
</html>
中间的<br/>就是换行的标记，也可以写成<br>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
你好<p>哈哈</P>真高兴
</body>
</html>
p标是双标记它的作用就是在在内容前后加上空行，效果如下：
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
你好<h1>哈哈</h1>真高兴
</body>
</html>
hn标记中的n可以取1--6的值，数值越大字体越小，下面分别是n取1和6的效果
font标记控制文字属性，比如color=”#FF0000” size=“1” size代表字体大小，取值范围为-1--6，值越大字体越大，第三个属性face=”楷体“ face文字的书法体 用法如下：
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
你好<font color="FF0000" size="3" face="楷体">哈哈</font>真高兴
</body>
</html>
效果如下：
