html笔记

HTML编程语言语法规范

1.HTML编程语言中所有命令都是声明在标签中,比如

2.HTML编程语言中所有命令都是预先定义好，不允许开发人员自行创建新的命令
3.HTML编程语言中所有命令不区分英文字母大小写，比如


都是合法命令
4.HTML编程语言中命令开发时主要通过对命令中属性进行赋值实现开发目的。
属性赋值时内容可以包含一个"“中，也可以包含在’’,也可以省略双引号与单引号，此时
属性之间必须采用空格进行隔离



5.HTML编程语言中命令根据书写方式分为：双目标签命令与单目标签命令
6.双目标签命令书写命令分别出现在开始标签与结束标签，比如
双目标签命令在书写时结束标签是不能省略的,比如,由于没有书写结束标签因此是一个非法命令
7.单目标签命令书写命令出现一个标签之内，比如：

单目标签命令用于表示结束”/"可以省略不写，比如
,
这两个都是合法单目标签命令

常见的html标签命令

• 段落标签：

• 标题标签，类似于word的几级标签

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>    
<h4>四级标签</h4> 
<h5>五级标签</h5>
<h6>六级标签</h6>

• 有序标签

<ol>
    <li></li>
</ol>

• 无序标签

<ul>
 	<li></li>
</ul>

• 表格标签

<table><!--table代表整个表格-->
    <tr><!--tr代表表格的一行-->
    	<td><!--tr代表一个单元小格-->
    	</td>
    </tr>
</table>
 可以添加的属性如：1.border="2"：表示边界为2
    			2.align表示对齐方式
    			3.style可以添加表格颜色
 rowspan用来对表格的列进行扩充，colsapn用来对表格的行进行扩充（记住取消后面的那个）

• 图片标签

<img src="图片路径" title="这里写的内容在你鼠标挨着图片时就会显示出来" width=宽度 height=高度/>

• 字体标签

<font></font>

• 小方块

<div></div>

控制浏览器发送请求地址

1.超链接标签命令：

格式：

<a href="请求地址">提示信息</a>

工作原理：超链接命令不会被浏览器自动执行，只有在用户使用鼠标单击超链接标签命令时此时这个命令才会执行，执行要求浏览器立刻按照href属性地址发送请求

2.表单标签命令

格式：

<form action="请求地址">
    <input type="submit"><!--提交按钮-->
    </form>

工作原理：表单标签命令不会被浏览器自动执行。 在用户单击提交按钮时，此时表单标签命令被触发执行。执行时要求浏览器立刻按照
action属性地址发送请求

控制浏览器发送请求采用请求方式

1.请求方式：决定浏览器在发送请求时行为特征

2.浏览器请求方式有7种，目前只考虑post请求方式和get请求方式

3.get请求方式：

• 发送请求时，携带的【请求参数数量】不能超过4k
• 必须在浏览器地址栏上将【请求参数信息】展示出来
• 必须将请求参数信息保存在Http请求协议包中【请求头】
• 浏览器在接收到服务器返回的资源文件内容后，必须将资源文件内容保存在浏览器的缓存中

4.post请求方式

• 发送请求时，可以携带任意数量的【请求参数】
• 并且在浏览器地址栏上隐藏请求参数信息（保证信息安全）
• 必须将请求参数信息保存在Http请求协议包中（请求体）
• 禁止浏览器将服务器返回资源文件内容进行保存

5.什么时候采用get请求和什么时候采用post请求

• get请求方式：超链接标签命令在执行时，要求浏览器必须采用get方式发送请求；表单标签里面存在method属性，默认为get，也可以将其设置为get方式
• post请求方式：只有在表单的method设置为post时

6.请求方式适用场景

大部分情况采用get请求方式：

因为post请求方式的特点，用户可以将”病毒文件内容“，发送到服务器上进行攻击，因此绝大多数门户级网站拒绝接收post请求，日常开发都是采用get

少部分使用post请求方式：

1.文件上传，必须使用post

2.发起登录验证请求

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方法运行时需要实参，需要由用户通过浏览器以请求参数方式提供

2. 请求参数格式

   请求地址？请求参数名1=值1&请求参数名2=值2…

3. 浏览器发送请求时携带的请求参数来源：超链接标签或者表单域标签命令

4. 超链接标签命令指定请求参数

     <a href="http://www.baidu.com?userName=mike&password=123">百度</a>
   

   缺点是：传入的参数只能是固定值不能改变

   5.表单域标签命令

   1)一组声明在form标签内部的标签命令
   2)提示用户填写对应的【请求参数内容】，用于提供相对灵活的请求参数内容
   3)所有的表单域标签都拥有两个属性【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.表单域标签分类：

   <input></input>
   <select></select>
   <textarea></textarea>
   

   input标签展示：

   [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dTa7goLr-1635518649708)(C:\Users\小样\AppData\Roaming\Typora\typora-user-images\image-20211021222141437.png)]

select标签展示：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RWNrxyKF-1635518649709)(C:\Users\小样\AppData\Roaming\Typora\typora-user-images\image-20211021222645997.png)]

textarea标签展示：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a90MsfjU-1635518649712)(C:\Users\小样\AppData\Roaming\Typora\typora-user-images\image-20211021222950246.png)]

rows行数，cols列数

表单域标签value属性默认值

1.对于绝大多数表单域标签value值默认为空字符串

2.对于radio与checkbox来说，value值默认为”on“字符串

表单域标签作为请求参数条件

一，对于绝大数表单域标签来说，满足下面两个条件就可以作为请求参数

1.写在form表单内部

2.要有name属性

二，对于radio标签与checkbox标签来说在满足上述两个条件同时，还必须满足第三个条件 才可以作为请求参数，第三个条件radio与checkbox必须在【被选中】的情况下才可以作为请求参数

​

三，如果表单域标签使用disabled来修饰时，失去作为请求参数条件***readOnly与disabled区别：
readOnly：要求当前标签中value属性只能看但是不能被修改，readOnly不会影响表单域
标签作为请求参数条件
disabled：设置当前标签为不可用状态，此时标签中value属性内容不能被修改的.
disabled修饰的表单域标签是永远都不能作为请求参数

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wky2ydyJ-1635518649713)(C:\Users\小样\AppData\Roaming\Typora\typora-user-images\image-20211021225412106.png)]

参数条件***readOnly与disabled区别：
readOnly：要求当前标签中value属性只能看但是不能被修改，readOnly不会影响表单域
标签作为请求参数条件
disabled：设置当前标签为不可用状态，此时标签中value属性内容不能被修改的.
disabled修饰的表单域标签是永远都不能作为请求参数

[外链图片转存中…(img-wky2ydyJ-1635518649713)]

这个记下来，age=23并不会被发送，因为没有这种语法