web前端小白初入门笔记2

HTML2

表格标签
表格标签就是给一堆数据添加语义，就是数据的一种展现形式，当数据量比较大的时候，表格这种形式被认为是最清晰的一种形式。表格标签中的table表示整个表格，也就是一对table标签就是一个表格。一对tr标签就是一行数据，一对td标签就是表格中的一个单元格。表格标签有边框属性border，这个决定了边框的宽度，默认值为0，所以要通过设置这个属性来展示边框。
格式：

需要展示的内容

属性：
1.宽度和高度属性
可以给table标签和td标签使用
2.水平对齐和垂直对齐属性
其中水平对齐属性可以给table标签和td，tr标签使用，但是垂直对齐只能让tr和td使用。
表单标签
所谓的表单就是用来收集用户信息的
格式：

   <表单元素>

常见的表单元素：
input标签，有一个type属性，这个属性有很多的取值，取值的不同就决定了功能和作用不同。
明文输入框
作用: 用户可以在输入框内输入内容
账号:
暗文输入框
作用: 用户可以在输入框内输入内容
密码:
给输入框设置默认值
账号:
密码:
规定输入字段中的字符的最大长度
账号:

单选框（radio）
作用: 用户只能从众多选项中选择其中一个
单选按钮，天生是不互斥的，如果想互斥，必须要有相同的name属性
例：
多选框（checkbox）
例：
按钮
button定义一个普通按钮
例：
image定义一个图片按钮
例：
label标签
不会向用户呈现任何特殊的效果，但是为鼠标用户提供了便利，点击文字即可跳转到所对应的的复选框或者是输入框。就是表单元素要有一个id，然后label标签就有一个for属性，for属性和id相同就表示绑定了。所有表单元素都可以通过label绑定。
例：

 密码：

select标签
用于定义下拉列表,下拉列表不能输入内容，但是可以直接在列表中选择内容，可以通过给option标签添加一个selected属性来指定列表的默认选项.可以通过设置optgroup label来添加分组。
格式：

列表数据

多行文本框（文本域）
textarea标签用于在表单中定义多行的文本输入控件
1）cols属性表示columns“列”，规定文本去可见宽度
2）rows属性表示rows“行”，规定文本区内可见的行数
格式：

默认

指导：极客江南