web前端小白初入门笔记2

HTML2

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

<table>
<tr>
<td>需要展示的内容</td>
</tr>
</table>

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

<form>
   <表单元素>
</form>

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

 <input type="text" name="fullname" maxlength="8" />

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

 <label for="pwd">密码：<input type="text" id="pwd">

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

<select>
<option>列表数据</option>
</select>

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

<textarea cols="20" row="10">默认</textarea>

指导：极客江南