2、HTML

软件的结构：

C/S(Client Server)结构的软件：

比如： QQ、极品飞车、飞信、迅雷

cs结构的软件的缺点：更新的时候需要用户下载更新包然后再安装，程序员则需要开发客户端与服务端。

cs结构软件的优点：减轻服务端的压力，而且可以大量保存数据在客户端。

B/S（Browser Server）结构的软件：

比如：微博、 webQQ 、 web飞信、 web迅雷

优点：软件版本升级的时候不需要用户下载更新包，直接更新服务器的程序即可。程序员则只需要开发服务端而已。

缺点：增加了服务端的压力，bs结构的软件不能保存大量的数据在用户机上。

网站的类别:

静态网站: 静态网页中的数据都是写死的，如果需要修改网页的内容是需要直接修改网页的代码。是没有数据库提供数据给它。

动态网站: 动态网站的数据是来自于数据库的，背后是有一个后台程序管理页面中数据的。

html 语言就是开发网页的基础语言：

html(超文本标记语言)

标记 : 该门语言是有标签来构成的。学习html不用怎么去理解，只要需要记住标签的作用即可。

html语言的特点：
1. html语言是与平台无关的，任何平台只需要安装了浏览器都可以运行。
2.html 是不区分大小写的。

html语言的结构：

<html> html语言的根标签.

<head></head> 网页的头信息

<body></body> 网页的体部分

</html>

html的注释：

html是超文本标记语言的简写(HyperText markup language)，是最基本的网页语言

超文本：页面的数据可以通过标签改变样式，而且可以通过超链接直接跳到下一个页面。

标记：html是通过标签来定义的语言，代码是由标签组成。

平台无关, 只要安装了浏览器，就可以通过浏览器来解析数据

编辑html ,html其实就是文本文件，把普通的文本文件的后缀名该为html或htm,通过浏览器即可解析

lhtml : 是不区分大小写

html是由<html>开始，由</html>结束，在这之间是分<head>和<body>两部分

<head>是给html页面增加一些辅助或者属性信息，里面的内容会最先加载。

<body>标签里面存放的才是真正要显示的数据

标签

•带有特殊含义的网页的标记元素

•格式：<开始标签> 标签体 </结束标签>

l分类

•带标签体的标签如： <p> XX </p>

•不带标签体的标签如： <br/>

•标签应该成对出现

属性

写在开始标签上的名=“值”对代表该标签的属性 <font color=“red”></font>。

•一个标签可以有多个属性，多个属性之间使用空格隔开。

•注意：属性值最好使用单引号或者双引号引起来。

注释

•

文本标签

•标题(h1~h6)

•水平线(hr)

•段落(p)

•上下标(sup和sub)

•换行(br)

•原样输出(pre)

•有序列表ol li

•无序列表ul li

•项目列表标签(dl dt dd)

•行内标签(span)

•块标签<div>

l链接标签

•跳转：<a href = "资源路径" target="_blank">

•邮件：<a href="mailto:email"></a>

•定位：<a name=“#标记名”></a> 和 <a name="标记名" >

<img> 图像标签：

•<img src=”1.jpg” align=” middle” border=”3” alt=”图片说明文字” username="#Map"/>

• <map name=“Map” > 使用作为热点图的

• </map>

tabel表格

标题标签：<caption>，给表格提供标题。

表头标签：<th>，一般对表格的第一行或者第一列进行格式化，就是粗体显示。并不常用。

行标签：<tr>

单元格标签：<td>，加载行标签的里面。可以简单理解为，先有行，在行中在加入单元格。

HTML框架标签

画中画

•画中画标签格式： iframe

框架标签

•frameset和frame标签

•frameset属性： rows 、 cols 、 frameborder

•frame属性：noresize

HTML中的单位

•绝对单位 1px 字体的单位+1 10%

•相对单位 20% (计算单位)

HTML表单

表单

•表单，在网页中主要负责数据采集的功能，比如你可以采集访问者的名字和e－mail地址、调查表、留言簿等等。

组成

•表单标签： <form action=“” method=“” enctype=“”></form>

•表单域： <input type=“” name=“” />

•表单按钮： <input type="submit" name="..." value="...“/>

常见的表单域

•文本字段 <input type=“text” name=“” value=“”/>

•密码字段、隐藏字段 type = "password"

•单选按钮 type=radio 单选按钮必需要分组，分组的方法就是给标签name属性，name属性的值必须一样。

•多选按钮 type =checkbox，多选按钮的name属性必须一致。

•文件选择框 type=“file”

•下拉列表 <select ><option>

•文本输入域 <textarea> 根据cols定义它的列，rows定义文本框的行数

•按钮 type=“button”

Get提交和Post提交的区别

get	post
会将提交的内容显示在浏览器地址栏	不会将提交的内容显示在浏览器地址栏
提交的数据的大小会受地址栏的限制数据不能超过1kb	提交的数据不会受地址栏限制
提交敏感数据时不安全	提交敏感数据时更安全