前端学习历程2

HTML

table表格的基本结构

数据表格的创建

<table>  <!--创建表格 -->
    <tr> <!--tr 表示行 -->
        <td>1</td> <!--td 表示单元格 -->
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
</table>
注：快捷键table>tr*2>td*2

表格属性：

1.宽度width

2.高度 height

3.边框border

4.边框颜色bordercolor

5.背景颜色 bgcolor

6.水平对齐 align="left或right或center"

7.cellspacing="单元格之间的间距"

8.cellpadding="单元格与内容之间的空隙"

行tr属性

1.高度height
2.背景颜色bgcolor
3.文字水平对齐 align="left或right或center"
4.文字垂直对齐 valign="top或middle或bottom"

单元格td属性

1.宽度width
2.高度height
3.背景颜色bgcolor
4.文字水平对齐align="left或right或center"
5.文字垂直对齐valign="top或middle或bottom"
注：如果一个单元格设置宽度，影响的是这一整列的宽度
    如果一个单元格设置高度，影响的是这一整行的高度

表格合并

Colspan="所要合并的单元格的列数"必须给td
Rowspan="所要合并的单元格的行数"必须给td

表单标签

表单的作用：收集用户信息

<form method="get或者post" action="向何处发送表单数据">
    <input/>
        A.属性type定义输入框的类型
            a)文本框type="text" 密码框type="password"
            b)提交框type="submit"和<button>提交按钮</button>一样
            c)按钮框type="button" 单纯的按钮
            d)重置框type="reset"清空的效果
        B.属性placeholder描述输入字段预期值的简短的提示信息。兼容到IE8以上
        C.属性 name必须设置，否则在提交表单时，用户在其中输入的数据不会被发送给服务器
        D.属性value
</form>

Form当中method的post和get的区别：

1.get是从服务器上获取数据，post是向服务器传送数据。get方式的提交，表单元素对应的值会以?key=value&key=value的方式显示在地址栏里面。Post方式不会。Post要相对安全一些。
2.因为get方式要把数据显示在地址栏里面，所以他可以传递的数据量是有限制的。Post的大小是没有限制的。
3.Get方式和post方式传递的中文数据到servlet里面获取的时候都会有中文乱码问题。他们的解决办法是不一样的。