案例标签(table、tr、td)
表格标签 table 表格容器
属性:
border : 边框,表示边框的粗细,默认是0,表示不显示边框线,值越大,框越粗
width : 宽度
cellspacing : 单元格和边框之间的间距(单元格之间的间距),值越大,间距越大.
cellpadding: 单元格和内容的之间的间距,值越大,间距越大
align : center 表格水平居中
tr 一行
color,描述一行的背景颜色
align 所在行所有单元格的对齐方向
rowspan 跨行
colspan 跨列
td 一行
中的一个单元格,用于描述数据
color,描述一个单元格的背景颜色
align 单元格对齐方向
案例标签(th)
th ,表示一个列标题,自带居中,加粗
th和td都表示一个单元格。
color,描述一个单元格的背景颜色,可以覆盖tr的背景颜色
align 单元格对齐方向
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1px" cellspacing="0" cellpadding="5px" width="500px">
<tr>
<th colspan="5" bgcolor="cadetblue" align="left">基本信息</th>
</tr>
<tr>
<td>姓名</td>
<td width="20%"></td>
<td>性别</td>
<td width="20%"></td>
<td rowspan="6" width="25%"></td>
</tr>
<tr>
<td>国籍</td>
<td></td>
<td>名族</td>
<td></td>
</tr>
<tr>
<td>政治面貌</td>
<td></td>
<td>健康状况</td>
<td></td>
</tr>
<tr>
<td>年龄</td>
<td></td>
<td>婚姻状况</td>
<td></td>
</tr>
<tr>
<td>籍贯</td>
<td></td>
<td>现所在地</td>
<td></td>
</tr>
<tr>
<td>电话号码</td>
<td></td>
<td>电子邮箱</td>
<td></td>
</tr>
</table>
</body>
</html>
案例标签 1.form
是form 不是from
form标签标示一个表单的容器,表单的元素都应该存活在表单的容器中。
form中有两个常用的属性:
1.action
描述表单具体提交数据的路径. 一般是服务器的地址,目前先不写
2.method
描述表单数据的提交方式.
get :
把数据拼接在地址栏后面,提交数据。这种提交方式容易出问题,不安全。长度有限制
post:
数据是存放在请求体中,提交数据,这种方式私密性比较强,更安全一些,没有长度的限制
2.input输入框
input 单边标签 属于一种表单元素。
表单元素有多种类型 type
提交给服务器参数的名字 name
1.普通文本输入框
2.密码框
3.单选框
单选框应该具备互斥的效果。多个单选框应该具备相同的name
未婚
已婚
4.复选框(多选框)
听别人说的
不小心看到
按错了
5.邮箱 邮箱:
6.生日:
7.文件域 头像:
8.提交按钮
9.普通按钮
10.重置按钮
表单元素中存在一个属性 value。
value 主要的作用就是用于表示当前元素传递给服务器的参数值
如果是checkbox 和radio没有写value值,name传递的参数值是不正常的
可以给checkbox、以及radio加上选项的值 value,这样传参就不会只传on。
今天的内容比较简单,就不多说,加油吧!