web前端表格学习

2017.2.21

表格标签：<table>  （属性：borde边框属性，cellpadding内容与边框的距离，cellspdding单元格之间的空格）

                              <tr>    (表示行)

                                        <th></th>    （表示头标，特点文字加粗水平显示）

                                        <th></th>

                                        <th></th>

                             </tr>

                             <tr>

                                      <td></td>        （表示列，或者单元格）

                                      <td></td>

                                      <td></td>

                            </tr>

                    </table>

                    th,td常见属性：

                                            width:    宽度（px）

                                            height:   高度

                                            bgcolor: 背景色

                                           align:     对齐方式

                                           valign:   垂直位置

                    合并单元格：

                                          colspan：跨列合并

                                          rowspan：跨行合并

颜色的表示方式：

                            1.颜色的英文单词：如red.green.blue

                            2.十六进制：#--  --  --  （0~F）

                           3,RGB：（0,0,0）0取值在0~255之间

                           4.RGBa:(0,0,0,0)同理以上，最后一位表示透明度

图像标签：<img/>  （行内块级标签：不会自动换行但是可以设置宽高）

                 src：图片的路径

                 alt：字符串，图片错误才会显示

                 width：设置图片大小

                height：设置图片大小

                border：边框

                aligh：设置位置

超链接标签：<a></a>

                    <a hres="#路径">  

                    路径分为：1.绝对路径：本网页的位置

                                        2.相对路径：网址

                     <a target="self/blank">  </a>

                     两个属性的区别：selt：覆盖当前网页

                                                     blank：打开新页面

表单：<form></form>

            <form>

             <input type="/>

           </form>

          form属性：1.methud=“”用什么方法提取

                      2.actiom=“”表单的消息到哪里

          type的值：1.text：普通文本

                              2.password：密码文本

                             3.radio：单选按钮（多个单选按钮时加name=“sex”）

                             4.checkbox ：多选

                             5.hidden：ID

                             6.file：文件上传按钮

                             7.button：按钮，可直接<button>内容</button>

                             8.submit：按钮

                             9.reset：按钮

                            10.time：时间

                            11.date：日期

下拉框：<select></select>

                <select>

               <option  selected="selected>下拉选项</option>  此处selected的作用是选择最开始显示的文本

               </select>

<textarea></textarea>:此标签的作用是不管多大的文本都可以容下

                                        属性：1.宽度设置cols="

                                                    2.高度设置rows=“”

                                        注：里面的数值不用加px

get和post的区别：

                              1、Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。

                              2、Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的                                     数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。

                             3、Get是不安全的，因为在传输过程，数据被放在请求的URL中，而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中，然                                       后放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用                                    户面前。Post的所有操作对用户来说都是不可见的。

                             4、Get传输的数据量小，这主要是因为受URL长度限制；而Post可以传输大量的数据，所以在上传文件只能使用Post（当然还有一个原因，将在后面的提                                              到）。

                             5、Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。

                             6、Get是Form的默认方法。