有序,无序,表格,表单7.20

HTML基础

---

列表

• 有序列表

1. <ol><li></li></ol>
2. ol里面只能包含li,但li里面可以包含任何内容;

• 无序列表

1. <ul><li></li></ul>
2. ul里面只能包含li,但li里面可以包含任何内容;

• 自定义列表

1. <dl><dt></dt><dd></dd></dl>
2. dt是小标题,dd是解释项;
3. dl中只能嵌套dt和dd,而dt和dd中可以嵌套任何内容;

---

表格table

• 标签

1. table表格的整体;
2. caption表格的大标题,写在table标签下;
3. th，表头单元格，强调作用，放在第一行;
4. tr，行;
5. td，单元格，构成列;

• 属性

1. weigh，宽;
2.  heigh，高;
3.  border，边框;

• 单元格

1. 跨行合并：rowspan（合并的数量），多余的单元格要删除或注释;
2. 跨列合并：colspan（合并的数量），多余的单元格要删除或注释;

表单form信息采集

• input系列，<input>为单标签

1.  type="password"，密码框;

2. ; type="text"，文本框，placeholder占位符;

3.  type="radio"，单选框，需要给每一个选项添加相同的name值，checked默认选中;

4.  type="checkbox"，复选框，checked默认选中;

5.  type="file"，文本域，上传文件，multiple选择多个文件;

6.  type="submit"，提交按钮，可提交，value用于修改文字;

7.  type="reset"，重置按钮，回复页面的默认值，value用于修改文字;

8.  type="button"，普通按钮，value用于修改文字;

• button按钮标签，<button>为双标签，其中可包含文字、图片等

1.  type="button"，普通按钮;

2.  type="reset"，重置按钮;

3.  type="submit"，提交按钮;

• select下拉菜单标签

1. <select>，双标签，下拉菜单的整体;

2. <option>,双标签，下拉菜单的每一项，selected属性默认选中;

•  textarea文本域标签，输入多行文字;
•  label标签，绑定内容与表单元素;