HTML入门第三天

三.

表格table(表格类数据):

1.表格标签(重中之重)
基本结构标签:
<table>:定义表格区域
<tr>:定义表格的行
<td>:定义表格中的单元格
<th>:定义表格中的头单元格(居中加粗)

<thead>:定义表头内容
<tbody>:定义主体内容
<tfoot>:定义表注内容(脚注)
<caption>:定义表格标题

基本结构:
<table 属性值=“”>
<tr>
<td></td>
</tr>
</table>
注意:1.table里面有tr行,tr行里面有td。2.tr行里面可以有多个td。3.table里面可以有多个td。

属性:
1.border:定义表格边框。
2.width:表格的宽度。
3.height:定义表格高度
3.align(值有:left,right,center):对齐方式。
4.bgcolor(值有:rgb(x,x,x),#十六进制数,colorname):背景颜色。
5.cellpadding:规定单元边沿与其内容之间的空白。
6.cellspacing:规定单元格之间的空白

表格合并:
跨行跨列属性在td标签中
colspan:跨列合并, 一个单元占一行内多个多个单元格位置跨n列,要把下面n-1个td删掉。
rowspan:款行合并, 一个单元占一列内多个单元格位置跨n行,要把他下面的n-1个tr的第一个td删掉;
注意:列的个数要一致,如果一个格子中没有内容请尽量用(&nbsp;空格)补齐,如果要完成跨行跨列,先做一个完整的表格,在一步步去完成跨行跨列。

2.表单与框架

表单:在网页中主要负责数据采集功能,基本分为三个部分:表单标签,表单域,表单按钮。
表单标签:包含处理表单数据请求URL地址以及数据提交到服务器的方式。
表单域:包含文本框,密码框,隐藏域,多行文本框,复选框,单选框,下拉选择和文本上传框。
表单按钮:包括提交按钮,复位按钮和一般按钮,用于将数据传送至服务器上的处理程序或取消输入,还可以用表单按钮来控制其他定义了处理脚本的工作。

form标签(双标签):
基本结构:<form></form>
基本语法:<form action ="URL" metho="get|post">.....</form>
具体属性:
action:值为URL,发送数据到何处的地址。
method:值有get,post,规定用于发送form-date的http方法。
get:发送数据格式:?属性名=属性值 或 ?属性值=属性名 & ?属性值=属性名。特点:只能发送少量数据(带参),不安全,发送时以明文的方式。
post:可以发送大量数据,安全性高,发送的时候不显示
  name:所需要提交的数据必须要有这个name值。注意,name命名,必须根据前面内容的含义来写,拼音或英文,数字,字母,下划线,不能以数字开头。
enctype:规定在发送表单数据之前如何对其进行编码。
target:规定在何处打开actionURL。

表单元素:
  输入框 input (重中之重):
  用法:<input /> 标签用于搜集用户信息。根据不同的type属性值,输入字段拥有很多形式。
  input 是单标签,行内元素。

type属性:
  1.text,定义文本域。
  2.password,密码框,有掩码。
  3.submit,提交按钮。
  4.value属性。注意:value在text的时候是文本框内容,password时是密码值,submit时是提交按钮所显示的内容。
  5.reset:重置按钮,不是清空,只是初始化。
  6.name:有名称的标签属性才会提交到后台。
注意事项:
  其他属性:
    placeholder:定义用户输入的提示文字
    maxlength:文本框最多输入的字符数
    readonly:只读(不可输入)
    disabled:禁用(不可输入),不会提交这个表单元素的数据。
    radio:单选,一组单选必须name相同。
    checkbox:多选,一组多选必须name相同
    file:文件上传框,可以选择文件进行提交。
    hidden:隐藏域,隐藏控件但也会被提交。

总结:学习内容较多,难度也有些许增加,需要反复的练习实践才能真正理解掌握。还有以前学习过的知识,也要时常温习,不然时间一长,就会有所遗忘。

上一篇:B/S C/S架构的界面测试


下一篇:java获取电脑部分信息