列表

有序列表 ol-li
无序列表ul-li
定义列表dl-dt-dd

列表相关的css属性

list-style-type
- 设置li元素前面标记的样式
  - disc实心圆、 circle空心圆、 square实心方块、 decimal阿拉伯数字、 lower-roman小写罗马数字、 upper-roman大写罗马数字、 lower-alpha小写英文字母、 upper-alpha大写英文字母、 none无
list-style-image
- 设置某张图片为li元素前面的标记，会覆盖list-style-type的设置
list-style-position
- 设置li元素前面标记的位置，可以取outside、inside 2个值
list-style
- 缩写属性

表格

table-tr-td

table的常用属性

实际开发中，已经很少用。一般都不在html中设置，用相应功能的css属性代替。

border	边框的宽度
cellpadding	单元格内部的间距
cellspacing	单元格之间的间距
width	表格的宽度
align	表格的水平对齐方式left/center/right

tr-th-td的常用属性

valign	单元格的垂直对齐方式top/middle/bottom/baseline
align	单元格的水平对齐方式left/center/right

valign	单元格的垂直对齐方式top/middle/bottom/baseline
align	单元格的水平对齐方式left/center/right
width	单元格的宽度
height	单元格的高度
rowspan	单元格可横跨的行数
colspan	单元格可横跨的列数

css属性

border-spacing

用于设置单元格之间的水平、垂直间距，比如

table { border-spacing: 10px 20px}

2个值分别是cell之间的水平、垂直间距

如果只设置1个值，同时代表水平、垂直间距

其他元素

tbody 表格的主体
caption 表格的标题
thead 表格的表头
tfoot 表格的页脚
th 表格的表头单元格

细线表格的实现

table {
 border-collapse:collapse;   合并单元格的边框
}
td {
 border:1px solid #000;
}

表单

常用元素

form 表单一般情况下，其他表单相关元素都是它的后代元素

form的常用属性
- action 用于提交表单数据的请求URL
- method 请求方法（get 和 post），默认是get
  - get 在请求URL后面以?的形式发给服务器的参数，多个参数之间用&隔开（有限制，通常不能超过1KB）
  - post 发给服务器的参数全部放在请求体中（理论上没限制，具体看服务器的处理能力）
- target 什么什么地方打开URL
- enctype 规定了在向服务器发送表单数据之前如何对数据进行编码，取值有三种：
  - application/x-www-form-urlencoded 默认
  - multipart/form-data：文件上传时必须为这个值，并且method必须是post
  - text/plain 普通文本传输
- accept-charset 规定静音提交时使用的字符编码（默认值UNKNOWN 和文档相同的编码）
input 单行文本输入框、单选框、复选框、按钮等元素
textarea 多行文本框
- 常用属性 cols列数 rows行数
- 缩放的css设置
  - 禁止缩放: resize:none;
  - 水平缩放: resize:horizontal;
  - 垂直缩放 resize:vertical;
  - 水平垂直缩放 resize:both;
select、option 下拉选择框
- option是select 的子元素，一个option代表一个选项
- select常用属性
  - multiple 可以多选
  - size 显示多少项
- option 常用属性
  - selected 默认被选中
button 按钮
label 表单元素的标题
fieldset 表单元素组（这块土地领域）
legend fieldset的标题

input常用属性

type
- text 文本输入框
- password 密码输入框
- radio 单选框（name值相同的radio才具备单选功能）
- checkbox 复选框（同一种类型的checkbox，name值要保持一致）
- button 按钮
- reset 重置
- submit 提交
- file 文件上传
maxlength 允许输入的最大字数
placeholder 占位文字（提示）
readonly 只读
disabled 禁用
checked 默认被选中
- 只有当type为radio 或checkbox时可用
autofocus：当页面加载时，自动聚焦
name 名字
- 在提交数据给服务器时，可用于区分数据类型
value 取值
form
- 一旦使用了此属性，input 元素即使不写在form元素内部，它的数据也能够提交给服务器
- 填写form元素的id

布尔属性

常见的布尔属性有disabled、checked、readonly、multiple、autofocus、selected

布尔属性可以没有属性值（不设值，值就是属性本身），写上属性名就代表使用这个属性。
也就是说写不写值，效果一样

按钮

普通按钮（type="button")：使用value属性设置按钮文字
重置按钮（type="reset")：重置它所属form的所有表单元素
提交按钮（type="submit"）：提交它所属form的表单数据给服务器

使用button元素也能实现按钮，功能效果跟input 一样

<button type="button">
    普通按钮
</button>
<button type="reset">
    重置
</button>
<button type="submit">
    注册
</button>

input和label

label 元素一般跟input配合使用，用来表示Input的标题

label 可以跟某个input 绑定，点击label就可以激活对应的input

方法一：

<label for="username">用户名：</label>
<input id="username" type="text" name="username">

方法二：

<label for="username">
用户名：
    <input id="username" type="text" name="username"
</label>

html元素类型

列表