HTML表的应用

 三.HTML表的应用

1.为什么要使用表格？

  结构稳定，简单通用，美观

2.创建表格

  第一步： 创建表格标签........
 第二步： 在表格标签里创建行标签....,可以多行
 第三部：在行标签里创建单元格标签...,可以由多个单元格

 一般还需要设置

,指定边框的宽度

3.表格的对齐方式

        

表和对齐方式

属性	值	说明
水平对齐	left	左对齐
(align)	center	居中对齐
	right	右对齐
垂直对齐	top	顶端对齐
valign	middle	顶端对齐
	bottom	居中对齐
	baseline	基线对齐

通过下面的代码，将单元格的格式改为水平右对齐，垂直底端对齐
 
 
 
 
 
 

........

.......

4.表格使用语法

 案例一

 







   

 
1.1
 
1.2
 
1.3
 
 
2.1
 
2.2
 
2.3
   
  
  
 

四.表单的应用

4.1 HTML5中使用

标签实现表单的创建。

该标签用于在网页中创建单区域，属于一个容器标签，

其他表单标签必须在它的范围内才有效， 就是其中之一。表单标签有两个属性。

 action：语法为"action="URL"。如果属性值为空，则默认将单交到本页上。

 method：语法为"method="get/post"。此时属性告诉浏览器如何将数据发送给服务器。
 如果将值指定为post，表单上的数据会作为一个数据块发送到脚本。
* 如果将值指定为get，浏览器将该请求返回给URL中指定的脚本文件处理。
 使用get方式地址栏状态会发生变化，表单数据会在URL中显示。
代码如下：

案例一

 







名字:
密码:

 
 
 
 
 
 

4.2表单元素及格式

 标签的属性
 <1>.type：此属性指定表单元素的类型。
 有text,password,checkbox,radio,submit,reset,file,hidden,image,button。默认选择为text
< 2>.name:指定表单元素的名称，如果表单上有几个文本框，可以按名称来表示它们
< 3>.size:指定表单元素的初始宽度，如果type为text和password,则表单元素的大小以字符为单位，
 但对于其他的输入，宽度以像素为单位。
 <4>.maxlength:此属性指定可在text,password中输入的最大字符数。默认值无限大。
< 5>.checked:此属性指定按钮是否被选中。当输入类型为radio和checkbox类型时使用此属性
 案例二，登陆界面

名字:

姓氏:

登陆名:



 
 
 
 
 
 

4.3密码框部分代码

 密码框与文本框类似，区别在于type控件的属性不同，密码框的输入字符全部以黑心圆点显示
 部分代码如下：

 



用户名:

密码: