真正零基础学习HTML(二)

                           Html表格

一、table标签
<table border="1" align="center" cellspacing="1" cellpadding="16" bgcolr="">
<tr>
<th><th>
<td><td>
</tr>
</table>
1、Tabl属性
(1)tr:行(table row)
(2)td:列 (table data)
(3)th:表格的表头名称,与<td>不同在于文字采用加粗居中的形式显示(table head)
(4)table表格
(5)border边框尺寸
(6)cellspacing单元格间距
(7)cellpadding内容和单元格边框距离
(8)align="center"居中属性
(9)bgcolor背景颜色
(10)width表格的宽度,可以用%或者像素,
(11)caption表格的标题
(12)rowspan单元格竖跨多少行,作用在th或者td上
(13)colspan单元格横跨多少列(即合并单元格),作用在th或者td上
二、<form>表单标签
1、Form属性
(1)action表单要提交的地址,用于处理表单的内容。
(2)method提交的方法,默认是get方式提交。
(3)get:1.提交的键值对.放在地址栏中url后面. 2.安全性相对较差. 3.对提交内容的长度有限制.
(4)post:1.提交的键值对不在地址栏. 2.安全性相对较高. 3.对提交内容的长度理论上无限制.
三、表单元素
1、input type标签
(1)text文本框输入(默认text文本框类型)。
(2)password密码框。(以下属性text和password共有)
(3)maxlength(type为text或password时,表示输入的最大字符数),有利于防止sql的注入攻击
(4)radio单选按钮。属性:
 name(将name的值设置为相同值,才表示一组数据,才能实现单选功能)
 value(必须要写,提交到服务器的key值,实际开发过程中value一般是编号)
 checked(是否被选中的状态)
 (5)checkbox复选框。
name(名字一定要一样一样的,才表示是一组数据,添加到同一value值列表提交到服务器)value提交到服务器的key值
checked(是否被选中的状态)
(6)file文件域,上传文件
(7)submit提交按钮,用于提交表单
(8)reset重置按钮,清空表单的输入,恢复到表单默认的状态
(9)button普通按钮
(10)image图片按钮,用来提交表单,与submit是一样的效果src(图片路径)
(11)hidden隐藏字段。
(12)value隐藏的内容
(13)name表单提交项的key
(14)cols(设置文本域宽度)
(15)rows(设置文本域高度,即行数)
三、<select> 下拉框标签
1、(1)name:表单提交项的key
(2)size:选项个数
(3)multiple:多选
(4)<option> 下拉选中的每一项
(5)value(表单提交项的值)
(6)selected(selected下拉选默认被选中)
2、value: 表单提交项的值
对于不同的输入类型,value 属性的用法也不同:
    type="button", "reset", "submit" - 定义按钮上的显示的文本
    type="text", "password", "hidden" - 定义输入字段的初始值
    type="checkbox", "radio", "image" - 定义与输入相关联的值

                         框架

一、<frameset> 框架
1、用来划分窗体,不能放在<body>中,否则没有效果。
(1)cols(纵向分割页面。其数值表示方法有三种:“30%、30(或者30px)、”;数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%”表示该框架区域占全部浏览器页面区域的30%;“30”表示该区域横向宽度为30像素;“”表示该区域占用余下页面空间。例如:cols="25%,200," 表示将页面分为三部分,左面部分占页面30%,中间横向宽度为200像素,页面余下的作为右面部分。)
(2)rows横向分割页面。属性和cols一样
(3)frameborder设置是否显示框架边框。设定值只有0、1;0 表示不要边框,1 表示要显示边框)
(4)border框架之间的距离,一般设置为0
(5)bordercolor边框的颜色
(6)framespacing设置框架与框架间的保留的空白距离
<frameset cols="40%,
,"> 第一个框架占整个浏览器窗口的40%,剩下的空间平均分配给另外两个框架。
<frameset cols="
,,,*"> 浏览器窗口等分为四部分。
二、<iframe> 框架
(1)name设置框架名称。此为必须设置的属性
(2)src设置此框架要显示的网页名称或路径。此为必须设置的属性
(3)scrolling设置是否要显示滚动条。设定值为auto, yes, no
(4)bordercolor 设置框架的边框颜色
(5)frameborder 设置是否显示框架边框。设定值只有0、1;0 表示不要边框,1 表示要显示边框
(6)noresize 设置框架大小是否能手动调
(7)marginwidth 设置框架边界和其中内容之间的宽度
(8)marginhight 设置框架边界和其中内容之间的高度
(9)width设置框架宽度
(10)height 设置框架高

猜你喜欢

转载自blog.51cto.com/13162615/2113684