1-3 table表格及其中属性

知识点：

           一、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