HTML基础总结21-7-10

HTML基础总结

1.列表

• 有序列表

 <ol><li>

type有五种 1，a，A，i，I 阿拉伯数字 小写字母 大写字母 罗马字母小写 罗马字母大写

• 无序列表

<ul><li>

type 有三种 circle，disc，square 空心圆 实心圆 实心正方形

• 自定义列表

<dl><dt><dd>  

一般用来图文混排

2.表格table

• tr 行 td列
• th 可以使内容加粗并且居中
• colspans 合并列 rowspan 合并行
• thead tbody tfoot

3.输入标签

• 文本框 输入文字 input type=“text”;
• 密码框 输入密码 input type=“password”;
• 上传文件 input type = “file”;
• 选择框 单选框 input type = “radio”; 默认选择 checked，只能选择一个name属性，并且name属性值一样
  复选框 input type = “checkbox”; 默认选择 checked
• 下拉框 select ，默认选择 selected 设置所有的选项都展示出来，multiple=“multiple” ；
• 文字域 输入一段文字 textarea可以对输入框的大小进行调整，width height等
  输入框提示内容可以用placeholder=“介绍一下吧”

4.form表单

• 1.使用form标签 包裹数据提交的范围
  2.通过action属性 确定数据要提交的地址
  3.通过method属性 确定提交的方式

• get方式
  1.数据通过地址栏传递 地址栏有长度 传递的数据量有限制
  2.地址栏只能放文字，所以get方式只能提交文本文档类型的数据，不能上传文件
  3.数据显示在地址栏上，数据相对不安全 post方式
  1.数据不显示在地址栏 单独达成数据包发送 数据包大小一般认为没有限制
  2.数据包 可以放文字 也可以放其他类型的数据 可以上传文件
  3.数据不显示在地址栏，数据相对安全

  4.准备提交按钮 不可以使用button button只是一个简单的按钮 不具备提交的功能 应该用submit submit 具备提交数据的功能
  5.给需要提交数据的输入框添加name属性（和value属性）
  name属性给数据起名字，可以让后台区分不同的数据含义
  value属性 就是数据对应的数据值