知识点:
一、table
二、form表单
一、table
<table></table>表格标记
<tr></tr> 行
<td></td> 列
表格包含行,行包含列
1、table属性
border="1" 表格的边框
align="center" 表格的水平位置 left 左边 right右边 center中间
width="600" 表格的宽度
height="300" 表格的高度
cellpadding="40" 文字距离边框的距离
cellspacing="40" 边框的厚度
bgcolor="#D8191D" 背景色
background="img /3.png" 设置背景图片
当背景图片的 宽度 和 高度 小于表格的宽度和高度的时候,背景图会在横向和纵向平铺(重复)
当背景图片的 宽度和高度大于表格的宽度和高度的时候,表格会从左上角引用图片的一部分(和表格的 宽度和高度相同)
2、tr属性
align="center" left center right 行中内容的左中右
height="100" 行高(这一列表格的高度)
valign="bottom" 行中内容的上中下 top middle bottom
3、td属性:控制该列的内容
align="right" 列中内容的左中右
valign="top" top middle bottom 列中内容的上中下
width="100" 列宽(影响整列的宽度)
height="40" 列高(影响整行的原则)
标记具有就近原则
colspan="列数" 合并列
rowspan="行数" 合并行
注意:行列都有合并,先列后行
二、form表单: 主要是用来和用户交互的
<form></form>表单
1、input
<input type="元素名称">
button:普通按钮 value="按钮的文字" js/jquery代码
checkedbox 复选框 value="值(隐藏起来的)" checked="checked" 处理和传递的时候用
file 上传控件
hidden 隐藏域 value="值" 和php脚本程序交互
image 图片提交按钮 src="图片路径"
<form action="处理页面" method="post/get">
submit 图片提交按钮 和image功能一样,按钮形态
password密码框
radio 单选框 排查效果 name="相同"
text 文本框
reset 把所有表单元素还原成默认状态 value="按钮上的文字"
2、非input元素
<select> 下拉列表
<option>北京</option> 选项
<option>上海</option>
<option selected="selected">大连</option> selected="selected" 默认选项
<option>南京</option>
</select>
<textarea cols="文本的列数" rows="文本的行数"></textarea> 没有滚动条cols+2