html基础2(表格、文本域、表单浅谈)

表格浅谈

表格语法

<table>
       <tr>
            <td>
            </td>
       </tr>
</table>

<tr> 行标签

<td>列标签

表格标签的属性 1.border属性 表格的边框

2.width属性 表格的宽度

3.height属性 表格的高度

4.background属性 添加背景图片

5.bgcolor属性 背景颜色

6.align属性 表格的位置

9.cellspacing 单元格间距

10.celpadding 文本与单元格的间距

tr、th的属性 1..height属性 整行的高度

2.width属性 整行的宽度

3.align属性 行中文本水平对齐方式

4.valign属性 行中文本垂直对齐方式

5.bgcolor属性 整行背景颜色

表格标题

表格的标题:caption
定义和用法
caption元素定义表格标题

<table>
	<caption>我是表格标题</caption>
</table>

caption标签必须紧随着table标签之后。您只能对每个表格顶一个标题。通常这个标题会居中于表格之上

合并单元格(难点)

跨行合并:rowspan 跨列合并:colspan
合并单元格的思想:
将多个内容合并的时候,就会有多余的东西,把他删除。 例如3个td合并一个那就多余了2个需要删除。
公式:删除个数 = 合并的个数-1
合并的顺序 先上 先左

总结表格

1.表格提供了HTML中定义表格式数据的方法。
2.表格中由行中的单元格组成。
3.表格中没有列元素,列的个数取决于行的单元格个数。
4.表格不要纠结于外观,那是css的作用

form表单HTML标签、属性、属性值:

(单行文本输入框) (密码输入框) (单选框) (多选框) (提交按钮) (重置按钮) 或者按钮(空按钮) (下拉框选) (多行文本框)
(1) 是表单的标签,所有的需要写在form里面才能今
进行提交;
1:name=”” form中的name属性主要是对这个form进行标记;
2:methood=”get/post” 其中 get/post 之间的区别:

  1. get是从服务器上获取数据,post是向服务器传送数据。
  2. get是把参数数据队列加到提交表单的ACTION属性所指的URL
    中,值和表单内各个字段一一对应,在URL中可以看到。post是通
    过HTTP post机制,将表单内各个字段与其内容放置在HTML
    HEADER内一起传送到ACTION属性所指的URL地址。用户看不到
    这个过程。
  3. 对于get方式,服务器端用Request.QueryString获取变量的值,
    对于post方式,服务器端用Request.Form获取提交的数据。
  4. get传送的数据量较小,不能大于2KB。post传送的数据量较大,
    一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中
    为100KB。
  5. get安全性非常低,post安全性较高。但是执行效率却比Post方法
    好。
    3: action=”” action=url用来指定处理提交表单的格式.它可以是一个
    URL地址(提交给程式)或一个电子邮件地址.
    4:enctype=cdata指明用来把表单提交给服务器时(当method值为”post”)
    的互联网媒体形式.这个特性的缺省值是”application/x-www-form-
    urlencoded”
    5:target=”“指定提交的结果文档显示的位置: _blank :在一个新的、
    无名浏览器窗口调入指定的文档; _self :在指向这个目标的元素的相同
    的框架中调入文档; _parent :把文档调入当前框的直接的 frameset
    框中;这个值在当前框没有父框时等价于_self; _top :把文档调入原来
    的最顶部的浏览器窗口中(因此取消所有其它框架);这个值等价于当前框
    没有你框时的_self.
    (2)type=”text”是定义表单里面的单行文本框;value=”“文本框里默认的文字;size=”“单行文本框的宽度;maxlength=”“单行文本框所能输入的字节;
    (3)type=”password” 定义密码框;
    (4)type=”radio” 单选勾选框;
    (5)type=”checkbox” 多选勾选框;
    (6)type=”submit” 提交按钮;
    (7)type=”reset” 重置按钮;
    (8)type=”button”或者 两种方式都可以实现空按钮;
    (9) 多行文本框,是一个双标签;
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值