HTML编程语言
一 介绍
1 HTML编程语言是一种专门在浏览器中编译执行的编程语言
2 HTML编程语言是超文本标记式编程语言
二 作用
1 通知浏览器将接收的数据以指定方式在窗口进行展示[前端工程师]
2 控制浏览器请求的行为[前端工程师、服务端工程师]
三 语法规范
1 HTML所有命令声明在标签中
2 所有命令都是预先定义好的 不允许开发人员自行创建新的命令
3 不区分英文字母大小写
4 命令开发时主要通过对命令中属性进行赋值实现开发目的
属性赋值时内容可以包含一个“ ”中 也可以‘ ’ 也可以省略单引号双引号 此时需要有空格进行隔离
<intput type="text" name="one"/>
<intput type='text' name='one'/>
<intput type=text name=one/>
5命令根据书写方式分为双目标签 单目标签
双目标签书写时命令分别出现在开始标签与结束标签 <tr> </tr>
双目标签的结束标签不能省略
单目标签命令出现一个标签之内 <br/> 与 <br>
四 浏览器发送请求的三要素
1控制浏览器发送请求地址
2控制浏览器发送请求时采用的请求方式
3控制浏览器发送请求时携带的请求参数
五 控制浏览器发送请求地址
1超链接标签命令
格式 <a href="请求地址">提示信息</a>
工作原理 超链接标签命令不会被浏览器自动执行
在用户单击时命令才会执行 执行时要求浏览器按照href属性地址发送请求
2表单标签命令
格式<form action="请求地址">
<intput type="submit">
</from>
工作原理 不会被浏览器自动执行
单击时执行
六 控制浏览器发送请求时采用的请求方式
1请求方式:决定浏览器在发送请求时的行为特征
2有7种请求方式 目前只考虑两种 【POST请求方式】【GET请求方式】
3GET请求方式
要求浏览器发送请求时 携带的【请求参数数量】不能超过4K
发送请求时必须在浏览器地址栏上将【请求参数信息】展示出来
发送请求时必须将【请求参数信息】保存在Http请求协议包中【请求头】
浏览器在接收到服务器返回的资源文件内容后必须将资源文件内容保存在浏览器的缓存中
4POST请求方式
浏览器发送请求时可以携带任意数量的【请求参数】
发送请求参数时 在浏览器地址栏上隐藏请求参数信息 (账号密码也是请求参数 所以要隐蔽起来)
浏览器发送请求时 必须将请求参数信息保存在Http请求协议包中【请求体】
禁止浏览器将服务器返回资源文件内容进行保存(阅后即焚)
5控制浏览器发送请求时采用GET请求方式
1超链接命令执行时采用的是GET请求方式
2表单标签有一个method属性 method默认值get
<form action="请求地址" method="get"></form>
<form action="请求地址" method="post"></form>
6控制浏览器发送请求时采用POST请求方式
1利用表单表单的method属性(仅有这一种方法)
<form action="请求地址" method="post"></form>
7请求方式适用场景(面试常问)
1POST方便文件操作(有发送病毒文件风险)威胁服务器安全 绝大多数门户级网站拒绝接受POST请求
日常开发中绝大多数请求都是GET
2必须使用POST情况
①文件上传 一般病毒是.exe结尾 拒绝.exe的文件有效防病毒 但还有木马
②发起登录验证请求时
③索要服务器中实时变化的数据时 股票价格、车票数量
七 控制浏览器发送请求时携带的请求参数
1请求参数作用
比如用户通过浏览器访问服务端计算机动态资源文件Student.class
class Student {
public int add(int n1,int n2) {
return n1 + n2;
}
}
Http服务器:
Student stu = new Student();
stu.add(?,?); //需要的实参需要用户通过浏览器以请求参数的形式提出
http://wwwbaidu.com?n1=100&n2=200
2请求参数格式
浏览器发送请求时 请求地址?请求参数1=值1&请求参数2=值2
3浏览器在发送请求时携带的请求参数来源
1通过超链接标签命令指定请求参数
2通过表单域标签命令
4通过超链接标签命令指定请求参数
如下向百度发送请求 将这两个参数推给百度
<a href="http://www.baidu.com?userName=mike&password=123"></a>
5通过表单域标签命令指定请求参数
表单域标签命令?
①一组声明在form标签内部的标签命令
②提示用户填写对应【请求参数内容】相对灵活
③所有的表单域标签都拥有两个属性【name请求参数名,value请求参数内容】
<form action="http://www.baidu.com">
<input type="text" name="userName" value="mike">
<input type="submit">
</form>
6表单域标签分类
1<input/>
2<select></select>
3<textarea></textarea>
7表单域标签value属性默认值
大多数表单域标签value属性默认值是空字符串
radio与checkbox默认值是'on'的字符串
8表单域标签作为请求参数条件
对于大多数表单域标签来说需满足两个条件
①声明在form标签内部
②声明name属性
对于radio checkbox来说还需要满足第三个条件
必须在被选中的条件下才行
表单域标签使用disabled修饰 不能作为请求参数
readOnly:标签中value属性只能看不能被修改(仍然可以作为请求参数)
disabled:设置标签为不可用状态