第二天的学习

目录

一.表格标签

1.标签作用

2.表格属性

二.表单标签

1.表单标签

2.input标签一些常用的type属性

三.<div>标签和<span>标签

        1.简单介绍

---

一.表格标签

1.标签作用

<table>：表格最外层容器

<tr>：定义表格行

<th>：定义表格头

<td>：定义表格单元

<caption>：定义表格标题

注：1.  之前是有嵌套关系的，要符合嵌套规范。

2. 语义化标签：tHead、tBody、tFood

3. 在一个table中，tBody是可以出现多次的，但是tHead、tFood只能出现一次。

2.表格属性

border:表格边框	cellpadding:单元格内空间	cellspacing:单元格之间空间
rowspan:合并列	colspan:合并行	align：左右对齐方式

    align : left、center、right
    valign : top、middle、bottom

二.表单标签

1.表单标签

<form>:表单的最外层容器

<input>:标签用于搜集用户信息，根据type属性值不同，不同效果

2.input标签一些常用的type属性

type属性	含义
text	文本输入框
password	密码输入框
checkbox	复选框
radio	单选框
file	上传文件
submit	提交按钮
reset	重置按钮

1.单选框

#设置多个单选框时注意：（name属性值保持一致）
<imput type='radio' name='__'>男
<imput type='radio' name='__'>女

2.提交按钮

#提交按钮的提交地址：
<form action='___'>

3.<imput>属性：

        checked（默认选中）   disabled（禁止选中）    placeholder='__'（框内虚影）

4.<textarea>多行文本框

        属性：cols 行    rows 列

5.<select>、<option> 下拉菜单

<select>属性	size：显示多少项	multiple：多选
<option>属性	selected：默认选择项	disabled：禁止

6.<label>辅助表单（提升用户体验）

ex:
<input type='radio' id='映射1'><label for='映射1'>男</label>
注：使点击范围变大，包含男这个字（前后产生映射关系要保持一致）

三.<div>和<span>标签

1.简单介绍

        <div>:用来划分一个区域

        <span>:用力啊修饰文字信息

        注：具体内容之后说明（前面简单了解）