1.网站的宽度，现在一般不超过1280（显示屏幕的大小），本项目的首页大小712，其他页面719
2.结构分析，有几块内容组成， 首页：3块，2行1列的表格
3.当前的图片视频等信息
4.首页 命名index.html,apache默认的首页显示名称就是index
5.创建一个整体网站的文件夹，并且名称要是英文的
6.确定文件夹下的其他目录，图片文件夹，视频文件夹，js，css等
1.创建文件：index.html
2.把具体的结构搭建出来
3.把结构内的内容填写到相应的位置
项目介绍页：
1.创建页面：intro.html
2.搭建结构：6行1列
3.放入相应的内容
新闻页：
1.创建页面：new.html
2.搭建结构：6行1列
3.放入相应的内容
area.html
[erphpdown]code[/erphpdown]
语法：
<frameset> //划分用的
<frame> //显示用的
<frame>
…….
<noframe>直接显示的描述文字</noframe> //描述
</frameset>
目的：框架就是对当前页面进行分割，划分成每个小窗口，每个小窗口显示不同的页面
作用：用于后台的制作，前台不再推荐使用，兼容性不好
注意：如果是框架结果的网页，不能有body，而且他的文档头是frameset的，而不是普通文档头DOCTYPE
框架的文档头<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
注意：划分遵循先上下在左右
划分窗口的嵌套，需要在哪个位置嵌套，就在那个位置上再次划分窗口，就把原来的frame换成了一个新的frameset
index.html
head.html
<iframe>您的浏览器不支持内嵌框架</iframe>
常用的属性：
给外层块元素使用align可以对iframe进行位置的移动
结构：
<table border=”1″ width=”100″ height=”200″ bgcolor=”red” bordercolor=”边框颜色” background=”背景图片” cellpadding=”内间距” cellspacing=”边框之间距离” align=”水平线” >
<tr>
<th></th>
<td></td>
</tr>
</table>
<form action=”要把数据传递到的页面” method=”传递方式get和post” ecntype=””>
$a=$_GET[‘name的值’]和$_POST[‘name的值’]
普通文本框：<input type=”text” name=”在php接收数据时的标识” value=”用户传递具体的值”>
密码框：<input type=”password” name=”” value=””>
单选：<input type=”radio” name=”” value=””>选择名称
多选框：<input type=”checkbox” name=”” value=””>选择名称
下拉框：
<select name=””>
<option value=””>选择名称</option>
<option value=””></option>
….
</select>
多行文本框：<textarea cols=”” rows=””></textarea>
隐藏域：<input type=”hidden” name=”” value=””>
上传：<input type=”file” name=”” value=””>//不能直接把文件传过去，只是传的是文件信息
按钮：
</form>
超链接：
<a href=”#”>描述</a>
相对路径和绝对路径
相对路径是相对与自己来说其他文件的位置。 ./当前路径 ../上一级 ./inage/ph.jpg
绝对路径：
锚点：在当前页面中跳转
定义锚点<a name=”锚点名称”></a>
跳转到锚点的超链接：<a href=”[文件名或路径]#锚点名称”>描述</a>
表格的语法：
<table> <tr> <th>编号</th> //标题单元格(表头) <th>姓名</th> <th>年龄</th> </tr> <tr> <td>001</td> //普通单元格 <td>张三</td> <td>23</td> </tr> ....... </table>
table标记的属性：
tr的属性：
td的属性：
原理是把边框改为0，间距改为1，通过背景颜色和前景色对比出来，就相当于边框变成了1
[erphpdown]
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>表格</title> </head> <body> <table border="1" bgcolor="red" bordercolor="#00ffff" align="center" width="300" height="100" background="./300.jpg" cellpadding="20" cellspacing="0" > <tr align="center" bgcolor="#ff22cc" height="50" valign="bottom"> <th>编号</th> <th>姓名</th> <th>年龄</th> </tr> <tr align="center" valign="middle" > <td align="center" valign="middle" bgcolor="#ffddcc" height="70" background="./1.png">001</td> <td>张三</td> <td rowspan="2" bgcolor="#112233">23</td> </tr> <tr align="center" valign="middle"> <td>002</td> <td>李四</td> <!--<td>24</td>--><!--跨行合并后需要删除被合并的行--> </tr> <tr> <td colspan="3" bgcolor="#ffeeaa">合计</td> </tr> </table> </body> </html>
[/erphpdown]
<select name=”名称”>
<option value=”值”>描述</option>
<option value=”值”>描述</option>
</select>
上传：<input type=”file” name=”名称” value=””>
上传必须在form属性中设置，而且必须是post方式
数据传递的信息方式：有文本、图片、视频等
enctype：指定表单的编码方式（解码方式），这个属性只能在method=”post”方法中
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>表单</title> </head> <body> <form method="get" action="./user.php" enctype=""> 用户名：<input type="text" name="user_name" value=""><br> <!--type类型为text属于普通文本类型--> 密 码：<input type="password" name="pass_word" value=""><br> <!--type类型为password属于密码暗文显示--> 性 别：<input type="radio" name="sex" value="男">男<!--type类型radio属于单选框--> <input type="radio" name="sex" value="女">女<br> 爱 好：<input type="checkbox" name="aihao" value="学习">学习<!--type类型checkbox属于多选--> <input type="checkbox" name="aihao" value="测试">测试 <input type="checkbox" name="aihao" value="程序员">程序员 <input type="checkbox" name="aihao" value="UI">UI <input type="checkbox" name="aihao" value="运营">运营<br> 学 习：<select name="xuexi"><!--select下拉菜单--> <option value="小学">小学</option> <option value="中学">中学</option> <option value="大学">大学</option> </select><br> 头 像：<input type="file" name="touxiang" value=""><br><!--type类型file上传文件--> <input type="hidden" name="id" value="1"><!--隐藏域，--> 个人介绍：<br><textarea name="miaos" rows="10" cols="50"></textarea><br><!--多行文本框--> <input type="submit" value="提交"><!--type类型为submit提交表单--> <input type="image" src="./images/1.jpg" value="提交"><!--type类型为image提交按钮为图片--> <input type="reset" value="重置"><!--tpye类型为restet重置按钮--> </form> <a href="./user.php"?id=13000000000>点我</a> </body> </html>
[erphpdown]表单[/erphpdown]
语法：<a 属性1=“值1”属性2=“值2”…..>当前对超链接的描述</a>
作用：网页进行跳转
常用的属性：
路径分类：相对路径和绝对路径
说明：可以在当前页面中进行跳转，或者可以跨页面跳转，锚点链接需要两部分，锚点名称，跳转到锚点链接
说明：meta标记一定要写在head中，meta标记一般都是设置当前页面的功能（编码，关键词，作者，刷新页面，描述等）
[erphpdown]1[/erphpdown]
html是什么：
超文本标记语言 hypertext markup language
一套标记组成的脚本语言
脚本语言？以文件的形式存储代码的某个具体的文件存储方式
块元素：不管内容有多少，都会占整个浏览器的一行，一般都是块元素布局。比如：<p>、<div>、<pre>、<ul>、<li>、<ol>等
行内元素：内容有多少就占多少，一般都是行内元素嵌套到块元素中。
结果图：
<ul> <li></li> <li></li> ...... </ul>
type：符号类型 值：disc（实心黑点） square（实心方块） circle（空心圆点）
运行结果图：
<ol> <li></li> <li></li> ...... </ol>
预览结果图：
<dl> <dt>标题</dt> <dd>描述</dd> <dt></dt> <dd></dd> ....... </dl>
结果：
[erphpdown]index[/erphpdown]
图片显示结果：
演示结果：
结果图：
预览结果图：
功能：在网页中显示一些特殊的字符，比如：RMB、空格、大于号、小于号、版权号
常用的实体字符：<（小于号）、>（大于号）、 （空格）、¥（人民币符号）、©（版权号）
预览结果：
1993年标签语言第一版>>>>>1995年html2.0>>>>>1996年3.2 w3c推荐标准>>>>>1999年 html4.0.1 w3c推荐标准>>>>2000年xhtml1.0版 w3c推荐标准>>>>>2001年 xhtml1.1 w3c推荐标准（现在在使用的）>>>>>2008 html5 草案发布>>>>> 2014.10 html5正式发布（主要在web端使用，没有完全普遍）
<html> //告诉浏览器后面的代码是html代码 <head> //告诉浏览器当前网页如何显示，如编码、关键词、标题 </head> <body> //告诉浏览器这里是主体部分，显示到网页中 </body> </html> //html结束标记
吾爱乐享<!DOCTYPE html>：声明文档类型，告诉浏览器我的当前页面是哪个版本的html
<html></html>：告诉浏览器，使用的是html的语言
<head></head>：告诉浏览器，这是网页的头部，包括了定义网页的一些内容的标签，如：标题、字符集等
<meta>：就是定义网页字符集、描述、关键词等内容。
如：
<meta charset="utf8" > //字符集：功能是告诉浏览器，如何翻译汉字
<meat name="keywords" content="html,css,jacascript" > //关键词
http-equiv：模拟http协议大文件头原信息，主要目的是服务器向客户端返回时，用什么格式显示
content-type：内容类型
content：详细内容类型介绍
text/html：网页是text格式，html是文本中的小格式
charset：字符集，主要控制汉子如何显示
utf-8：多国家语言编码，什么国家的语言都可以正常显示
<title></title>：当前网页的标题，在网页中是必须的
定义浏览器工具栏中的标题
提供页面被添加到收藏夹时的标题
显示在搜索引擎结果中的页面标题
<body></body>：网页的主体部分，网页中主要内容都要写在body中
例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8" >
<title>标题</title>
</head>
<body>
这里是主体部分
</body>
</html>
格式：<!–被注释的内容–>
注释规范：
一般注释写在被注释代码的上边或者右边，不能写在下边
写代码必须缩进
单标记：标记只有一个，不是修饰内容的而是显示某个功能的，如果图片，设置编码，设置关键词等
语法：<标记名称 属性=”值1″ 属性=”值2″ />：接收的/可以有可以没有，必须根据开发网站时要求来
例：<img src=”图片在服务器中的地址，盘符/文件夹/文件名” />
<img src=”d:/images/1.png” />
双标记：是修饰内容的标记，有开始有结束标记，中间写要修饰的内容
语法：<标记名称 属性=”值” >被修饰的内容</标记名称>
例：<div>内容</div> <font color=”red”>文本</font>
预览结果：
