每日一记
表格
<!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传送的数据量较大,一般为不受限制。
每日一句
生活,在喜怒哀乐间走走停停 不知道会遇见什么,只知道阳光这么好,别辜负了今天,早安!