------ android培训、java培训、期待与您交流! ----------
一、html
1. html简述
超文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言,
2. html的作用
HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,进行数据的封装,定义标签.进行属性的定义,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。
3. html用法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!--这个只是告诉浏览器应该执行W3C的那一种标准检查。 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<!--meta:这将告诉浏览器准备接受一个 HTML 文档。使用带有 http-equiv 属性的 <meta> 标签时,
服务器将把名称/值对添加到发送给浏览器的内容头部。content:内容 charset编码类型 -->
<title>这是网页的标题</title>
<!--注释是这样写的,head里一般写入css的调用与属性-->
</head>
<body>
<!--任何信息没有用标识都是不能处理的,也是没有任何格式的-->
<!--html语言最关健的就是给数据定义标签,然后给出相应的操作
常用的标签:
1.颜色字体标签<font >
-->
<font color="red" size="4">字体颜色标签</font>
<fieldset>
<legend>legend标签为 fieldset 元素定义标题。</legend>
<font color="bule">fieldse标签将表单内容的一部分打包,生成一组相关表单的字段。
当一组表单元素放到 fieldset标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。
fieldset标签没有必需的或唯一的属性。</font>
<form action="http://192.168.1.253:9090" method="get">
<!--action表示将form表单里的数据存入, 以上网站服务器,并用是get方式-->
<table border="2" bordercolor="blue" cellpadding="10" cellspacing="0" width="600px">
<!--table 边界宽度="2" 边界颜色="blue" 单元格边距="10" 单元格间距="0" 宽="600px"-->
<caption>定义表格名称</caption>
<tr>
<th colspan="2"> colspan表示占有多少列 th表头标签</th>
</tr>
<tr><th colspan="2"> <a href="http://www.baidu.com" >百度超链接</a></th></tr>
<tr>
<td>tr:行标签:定义一行的内容. </td>
<td>td:单元格标签:加载行标签的里面。可以简单理解为,先有行,在行中在加入单元格。</td>
</tr>
<tr>
<td>用户名称:</td>
<td>
<input type="text" name="user" />
</td>
</tr>
<tr>
<td>输入密码:</td>
<td>
<input type="password" name="psw" />
</td>
</tr>
<tr>
<td>确认密码:</td>
<td>
<input type="password" name="repsw" />
</td>
</tr>
<tr>
<td>单选:</td>
<td>
<input type="radio" name='sex' value="nan"/>男
<input type="radio" name='sex' value="nv"/>女
</td>
</tr>
<tr>
<td>多选框:</td>
<td>
<input type="checkbox" name="tech" value="java"/>JAVA
<input type="checkbox" name="tech" value="html"/>HTML
<input type="checkbox" name="tech" value="css"/>CSS
</td>
</tr>
<tr>
<td>下拉菜单:</td>
<td>
<select name="country">
<option value="none">--选择国家--</option>
<option value="cn" selected="selected">中国</option>
<option value="usa">美国</option>
<option value="en">英国</option>
</select>
</td>
</tr>
<tr>
<td>
文本域:
</td>
<td>
<textarea name="说明" cols="30" rows=3""></textarea>
</td>
</tr>
<tr>
<th colspan="2">
<input type="submit" value="提交数据" />
<input type="reset" value="清除数据" />
</th>
</tr>
</table>
</form>
</fieldset>
</body>
</html>
4. html的应用场景
做网页的时候用
5.html的特点
浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。
对于不同的浏览器,对同一标记符可能会有不完全相同的解释
超文本标记语言(15张),因而可能会有不同的显示效果。
HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:
1 简易性,HTML版本升级采用超集方式,从而更加灵活方便。
2 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。
3 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。
禅意花园
二、html网页数据提交
1. 域名解析原理
访问网站链接的网址所进行的过程
访问网站就是通过访问一台服务器的IP来访问服务器里的数据,网站名称只是为了方便记忆,最终要访问主机要先通过本地Hosts解析出这个网址对应的IP..如果hosts里没有找到,则通过DNS域名解析服务去解析网址,然后返回IP,然后通过IP去访问主机.服务器.
如果本地(C:\Windows\System32\drivers\etc) host配制了网址,那么就算是错的,也不会去DNS域名解析服务器上解析网址,这个技巧可以用来防垃圾网站 在hosts上给配一个错误IP就可以
2. html网页数据提交的两种方式get 与post
<!--
http协议的请求消息头。
get提交方式。
地址栏:http://192.168.1.253:9090/?user=abc&psw=12&repsw=12&sex=nan&tech=java&country=cn
GET /?user=abc&psw=12&repsw=12&sex=nan&tech=java&tech=css&country=cn HTTP/1.1 // 请求行 :请求方式 请求的资源路径 协议的版本
请求消息中的键值对。
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/x-shockwave-flash, application/vnd.ms-excel, application/vnd.ms-powerpoint, application/msword, application/xaml+xml, application/x-ms-xbap, application/x-ms-application, */*
Accept-Language: zh-cn,zu;q=0.5
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; InfoPath.2; .NET4.0C)
Host: 192.168.1.253:9090
Connection: Keep-Alive
空行 用于区分消息头和消息体。
请求体
post提交方式:
地址栏:http://192.168.1.253:9090/
POST / HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/x-shockwave-flash, application/vnd.ms-excel, application/vnd.ms-powerpoint, application/msword, application/xaml+xml, application/x-ms-xbap, application/x-ms-application, */*
Accept-Language: zh-cn,zu;q=0.5
Content-Type: application/x-www-form-urlencoded
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; InfoPath.2; .NET4.0C)
Host: 192.168.1.253:9090
Content-Length: 54
Connection: Keep-Alive
Cache-Control: no-cache
//空行
user=abcd&psw=11&repsw=11&sex=nv&tech=html&country=usa
3. GET和POST的区别
1,
GET提交将数据显示到地址栏。
POST提交不会将数据显示在地址栏。
2,
GET提交对于敏感信息不安全。
POST提交对于敏感信息安全。
3,
GET提交提交的数据对于大体积数据是不适合的。因为地址栏存储的数据是有限的。
POST提交适合大体积数据的提交。
4,
GET提交将提交的信息封装到了请求行。
POST提交将提交的信息封装到了请求体。
对于服务器端接收端到客户端的提交的中文的数据时,GET提交解码较为麻烦。POST提交较为简单。因为对请求体解码直接通过服务器(tomcat)直接通过一个方法就可以完成。
综上所述:在进行表单提交时,建议使用post提交。
和服务器端交互的方式:
1,地址栏输入地址。get
2,超链接。get
3,表单提交。get post
如果在客户端进行了增强型的校验(必须所有组件内容都填写正确,才可以提交,否则,提交按钮无法提交数据)
问题:服务端收到数据后,还用对数据进行校验吗?
需要,因为安全性。服务端要再一次对数据进行校验。
如果服务端进行了增强型校验,客户端还需要校验吗?
需要,为了增强用户体验,也为了减轻服务器端压力。