Java web笔记—Html
HTML概念
定义
1.HTML编程语言是一种专门在浏览器编译与执行的编程语言
2.HTML编程语言学称是：超文本标记式编程语言
作用
作用一：HTML编程语言通知浏览器将接收的数据以指定方式在窗口展示 [前端工程师]
作用二：控制浏览器请求行为[前端工程师/服务端工程师] 【重点】
语言规范
1.HTML编程语言中所有命令都是声明在标签中,比如
<br>啦啦啦</br>
2.HTML编程语言中所有命令都是预先定义好，不允许开发人员自行创建新的命令
3.HTML编程语言中所有命令不区分英文字母大小写，比如
都是合法命令
4.HTML编程语言中命令开发时主要通过对命令中属性进行赋值实现开发目的。属性赋值时内容可以包含一个""中，也可以包含在’’,也可以省略双引号与单引号，此时属性之间必须采用空格进行隔离
<input type="text" name="one"/>
<input type='text' name='one'/>
<input type=text name=one/>
5.HTML编程语言中命令根据书写方式分为：双目标签命令与单目标签命令
6.双目标签命令书写命令分别出现在开始标签与结束标签，比如
<tr></tr>
双目标签命令在书写时结束标签是不能省略的
7.单目标签命令书写命令出现一个标签之内，比如：
<br/>
单目标签命令用于表示结束"/"可以省略不写
浏览器请求
请求三要素
1.控制浏览器发送请求地址
2.控制浏览器发送请求采用请求方式
3.控制浏览器发送请求携带请求参数
控制浏览器发送请求地址
1.超链接标签命令:
1)格式:
<a href="请求地址">提示信息</a>
2)工作原理: 超链接标签命令不会被浏览器自动执行。
在用户使用鼠标单击超链接标签命令时，此时这个命令才会执行，执行要求浏览器立刻按照href属性地址发送请求。
2.表单标签命令
1)格式:
<form action="请求地址">
<input type="submit"><!--提交按钮-->
</form>
2)工作原理:
表单标签命令不会被浏览器自动执行。在用户单击提交按钮时，此时表单标签命令被触发执行。执行时要求浏览器立刻按照action属性地址发送请求。
控制浏览器发送请求采用请求方式
1.请求方式：决定浏览器在发送请求时行为特征
2.浏览器可以选择请求方式：7种，目前为止只考虑【POST请求方式】和【GET请求方式】
3.GET请求方式:
- 要求浏览器发送请求时，携带的【请求参数数量】不能超过4K
- 要求浏览器发送请求时，必须在浏览器地址栏上将【请求参数信息】展示出来
- 要求浏览器发送请求时，必须将请求参数信息保存在Http请求协议包中【请求头】
- 要求浏览器在接收到服务器返回的资源文件内容后，必须将资源文件内容保存在浏览器的缓存
4.POST请求方式：
- 要求浏览器发送请求时，可以携带任意数量的【请求参数】
- 要求浏览器发送请求时，必须在浏览器地址栏上隐藏请求参数信息
- 要求浏览器发送请求时，必须将请求参数信息保存在Http请求协议包中【请求体】
- 禁止浏览器将服务器返回资源文件内容进行保存【阅后即焚】
5.控制浏览器发送请求时采用GET请求方式
-
超链接标签命令在执行时，要求浏览器必须采用GET方式发送请求
-
表单标签存在一个method属性，通过这个属性可以要求浏览器采用对应请求方式发送请求
<form action="请求地址" method="get">
<form action="请求地址" method="post">
method属性默认值是GET
<form action="请求地址">
浏览器以GET方式发送请求
6.控制浏览器发送请求时采用POST请求方式
<form method="post"></form>
7.请求方式适用场景【面试】
-
考虑到POST请求方式，用户可以将【病毒文件内容】发送到服务器上进行攻击。因此绝大多数门户级网站拒绝接收POST请求，日常开发过程绝大多数请求都是GET
-
在某些特殊场景下必须使用POST
1)文件上传，必须使用POST 2)发起登录验证请求，必须使用POST 3)索要服务器中实时变化数据时（股票价格，车票数量
控制浏览器发送请求携带请求参数
1.请求参数作用:
比如用户通过浏览器访问服务端计算机动态资源文件Student.class
class Student{
public int add(int n1,int n2){
//请求处理
int sum = n1 + n2;
return sum;
}
}
Http服务器：
Student stu = new Student();
stu.add(?,?)
//add方法运行时需要实参，需要由用户通过浏览器以请求参数方式提供
浏览器发送请求时需要携带调用方法需要实参（请求参数）
http://www.baidu.com?n1=100&n2=200 [n1=100&n2=200]
就是浏览器发送请求参数
2.请求参数格式
浏览器发送请求时 请求地址?请求参数名1=值1&请求参数名2=值2
3.浏览器发送请求时携带的请求参数来源:
- 通过超链接标签命令指定请求参数
- 通过表单域标签命令指定请求参数
4.通过超链接标签命令指定请求参数
<a href="http://www.baidu.com?userName=mike&password=123">百度</a>
5.表单域标签命令:
- 一组声明在form标签内部的标签命令
- 提示用户填写对应的【请求参数内容】，用于提供相对灵活的请求参数内容
- 所有的表单域标签都拥有两个属性【name,value】
name属性声明【请求参数名】,value属性声明【请求参数内容】
<form action="http://www.baidu.com">
<input type="text" name="userName" value="mike"/>
<input type="submit">
</form>
当用户单击submit后，浏览器发送请求信息 http://www.baidu.com?userName=mike
6.表单域标签分类：
1）<input />
2）<select></select>
3）<textarea></textarea>
7.表单域标签value属性默认值
- 大多数表单域标签value属性默认值是空字符串 userName=’’
- 对于radio与checkbox来说，value属性默认值’on’字符串
8.表单域标签作为请求参数条件
对于大多数表单域标签来说，只要同时满足一下两个条件，就可以作为请求参数
- 必须声明在form标签内部
- 必须声明name属性
对于radio标签与checkbox标签来说在满足上述两个条件同时，还必须满足第三个条件才可以作为请求参数，第三个条件radio与checkbox必须在【被选中】的情况下才可以作为请求参数，如果表单域标签使用disabled来修饰时，失去作为请求参数条件。
readOnly与disabled区别：
readOnly：要求当前标签中value属性只能看但是不能被修改，readOnly不会影响表单域标签作为请求参数条件
disabled：设置当前标签为不可用状态，此时标签中value属性内容不能被修改的，disabled修饰的表单域标签是永远都不能作为请求参数