黑马程序员---Java基础之HTML

------ android培训java培训、期待与您交流! ----------



一、html

1. html简述

超文本标记语言,即HTMLHypertext 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版本升级采用超集方式,从而更加灵活方便。   

可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。   

平台无关性。虽然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. GETPOST的区别

1

GET提交将数据显示到地址栏。

POST提交不会将数据显示在地址栏。

2

GET提交对于敏感信息不安全。

POST提交对于敏感信息安全。

3

GET提交提交的数据对于大体积数据是不适合的。因为地址栏存储的数据是有限的。

POST提交适合大体积数据的提交。

4

GET提交将提交的信息封装到了请求行。

POST提交将提交的信息封装到了请求体。

对于服务器端接收端到客户端的提交的中文的数据时,GET提交解码较为麻烦。POST提交较为简单。因为对请求体解码直接通过服务器(tomcat)直接通过一个方法就可以完成。

综上所述:在进行表单提交时,建议使用post提交。

和服务器端交互的方式:

1,地址栏输入地址。get

2,超链接。get

3,表单提交。get post

如果在客户端进行了增强型的校验(必须所有组件内容都填写正确,才可以提交,否则,提交按钮无法提交数据)

问题:服务端收到数据后,还用对数据进行校验吗?

需要,因为安全性。服务端要再一次对数据进行校验。

如果服务端进行了增强型校验,客户端还需要校验吗?

需要,为了增强用户体验,也为了减轻服务器端压力。


------ android培训java培训、期待与您交流! ----------

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值