【HTML学习】Day-12 form标签、table标签、div标签、css基础

1. form标签

<form></form>：表单标签，主要应用在登录、注册页面。能够使input转为按钮之后的功能生效

<form action="">
    <input type="password" placeholder="请输入密码" name="" id=""><br>
    <input type="submit" name="" id="" value="登录">
    <input type="reset" name="" id="" value="重置">
</form>

2. table标签

<table></table>：表格标签

2.1 表格中的标签

• table：表格标签，声明表格
• tr：行标签，表格的每一行，（table row）
• th：表头标签，（table head）
• td：单元格标签，（table data cell）

2.2 表格的属性

1. table标签：
   • border -> 设置表格的外边界(外边框)的宽度
   • cellspacing -> 设置单元格的单元格以及单元格和边框的间距
   • width -> 设置整体表格的宽度(每一列的宽度会自动调整比例)
   • height -> 设置整体表格的高度(每一列的高度会自动调整比例)
   • bordercolor -> 设置边框的颜色
   • bgcolor -> 设置背景颜色
   • align -> 调整表格的水平位置(left、center、right)
2. tr标签：
   • bgcolor -> 设置背景颜色
   • align -> 调整文字的水平位置(left、center、right)
   • valign -> 调整文字的垂直位置(top、middle、bottom)
   • height -> 修改一行的高度
3. td标签：
   • width -> 修改单元格的宽度(本行其它单元格宽度自动缩小或增大、本列单元格宽度也随之缩小或增大)
   • height -> 修改单元格的高度(本行单元格都将变化)
   • align -> 调整文字的水平位置(left、center、right)
   • valign -> 调整文字的垂直位置(top、middle、bottom)
4. colspan -> 行合并；rowspan -> 列合并

2.3 示例

<table bordercolor="black" cellspacing="0" border="1">
    <tr><td colspan="8" align="center">简历</td></tr>
    <!-- 第一行 -->