网页HTML1

时间:2022-11-21 15:02:38

表格表单

表格,

<tabale>    -------表格

<tr>            --------------行

<td>             ---------列(单元格)

</td>

</tr>

</table>

表格的四大属性,设置表格先设他们4个

width 宽度    border  边框   cellpadding 内容与单元格的边距  cellspacing 单元格的间距

bgcolor 背景色   background 背景图片

行的属性,

align 行距中   valign 竖直居中  height 行高   bgcolor 背景色   background 背景图片

列的属性,

align 行距中   valign 竖直居中  height 行高   width 宽度   bgcolor 背景色   background 背景图片

单元格的合并,   colspan=""  同一行合并   rowspan=""  同一列合并

表单,

<form id=""  name="" method="post/get"  action="负责处理的服务器">

1,文本输入

文本框  <input  type="txt"   name=""   id=""   value=""/>

密码框  <input  type="password"   name=""   id=""   value=""/>

文本域  <textarea name=""  id="" cols=""  rows=""></textarea>

隐藏域  <input  type="hidden"   name=""   id=""   value=""/>

2,按钮

提交按钮 <input  type="submit"  name=""  id=""  disabled="disabled"  value=""/>   ----设置disabled 是按钮默认不可用, enable 可用

重置按钮 <input  type="reset"  name=""  id=""  disabled="disabled"  value=""/>

普通按钮 <input  type="button“  name=""  id=""  disabled="disabled"  value=""/>

图片按钮 <input  type="image"  name=""  id=""  disabled="disabled"  src="图片的地址"/>

3,选择按钮

单选按钮组  < input type="radio"  name=""   checked="checked"  value=""/>

复选按钮足  < input type="checkbos"  name=""   checked="checked"  value=""/>     ----------checked 默认选择

文件上传  <lable  for=""> </label>

下拉列表框  < select  name=""  id=""   size=""   multiple="multiple">              ------------size 下拉几列  multiple多选

<option value ="" ></option>

<option value =""   selected="selected"></option>    -----selected 默认选项

<option value ="" ></option>

</select>

框架

1,frames

用frame来布置网页的时候要把body去掉。

<frameset rows="100,*" frameborder="no">     ---------上下分行,第一行100像素, rows改成cols左右分行, frameborder分割线

<frame src =""   noresize="noresize">        ---------noresize 禁止调整串口大小

<frame src =""  scrolling="no"  >                  --------------scrolling  滚动条    src也可改成target="name"

</frameset>

2,iframe

在原网页嵌入一个页面

<iframe  src=""  width  height=""   frameborder=""   scrolling=""></frame>