HTML基础(2)


每日一记

表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1" width="500px"               <!-- 创建表格 -->
    align="center"
    bordercolor="red"
    bgcolor="yellow"
    cellspacing="20"
    cellpadding="100">                            <!-- 可以选择换不换行,但是>要放在最后 -->
        <tr>                                      <!-- tr是行 -->
            <td>内容</td>                         <!-- td是单元格 -->
        </tr>
        <tr bgcolor="orange" height="100" align="center" valign="bottom">
            <td bgcolor="red" align="right" valign="top">内容</td>
        </tr>
    </table>
</body>
</html>

表格table属性 
1. 宽度 width            (可以写成百分比————父元素的百分比)
2. 高度 height           (只能写像素px)
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属性(table data)
1. 宽度 width (影响一列)
2. 高度 height (影响一行)
3. 背景颜色 bgcolor 
4. 文字水平对齐 align=“left或right或center” 
5. 文字垂直对齐 valign=“top或middle或bottom

表格合并
colspan="要合并的列数"
rowspan="要合并的行数"
注意不能合并成T型,合并之后要把被占的元素删除(注释掉)

表单

<body>
    <form action="地址" method="POST">                                                     <!-- POST是不显示在url的,GET会暴露 -->
        内容:<input type="text" placeholder="提示信息,输入内容后会消失" name="内容">        <!-- 输入的完全显示 -->
        内容:<input type="password" placeholder="提示信息,输入内容后会消失" name="内容">    <!-- 输入的显示为一个点 -->
        <input type="submit" value="按钮上的内容" >                                         <!-- 提交信息到action指定的地址 -->   
        <input type="reset" value="按钮上的内容" >                                          <!-- 清除全部表单内容 -->
        <input type="button" value="按钮上的内容" >                                         <!-- 自定义按钮 -->
    </form>
</body>

***不设置name就不能发送
***typr="submit"相当于<button>内容</button>

Form当中method的post和get的区别? 
1.get是从服务器上获取数据,post是向服务器传送数据。 
2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段——对应,在URL中可以看到。
  post 是通过HTTPpost机制,将表单内各个字段与其内容放置在HTMLHEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 
3.对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。 
4.get传送的数据量较小。post传送的数据量较大,一般为不受限制。
每日一句

生活,在喜怒哀乐间走走停停 不知道会遇见什么,只知道阳光这么好,别辜负了今天,早安!


评论
  目录