day2 java笔记

第二章 html表格、表单和Frameset框架

 一 表格

• 主体 

<table></table> 

<table>

   <tr>      tr表示行

        <td>内容</td>   td表示列

   </tr>

</table>

<CAPTION align=top>标题</CAPTION>为表格的标题  放在<table></table>之中，默认居中。

• 合并单元格

属性中colspan="n" 表示跨多少列

         rowspan="n"表示跨多少行

• 表格的背景色及尺寸

背景色：属性中bgcolor=""  填在相应的行或列之中

尺寸：属性中border=“” 表示表格的尺寸  

cellspacing:设置表格中单元格与和单元格之间的间距（以像素为单位）

cellpadding:设置单元格中内容和单元格边框之间的距离

二、表单

• 主体

<form></form>  属性中action=“” 将表单提交到某地址

1.<input>标签

属性：文本框：type="text"      maxlength=“”字符个数
         密码框 type=“password”
         单选按钮：name=“” 保持一致 type="radio"
         复选框:type="checkbox"

        上传文件：type="file"( 图片 word zip .mp3 .avi mp4【文件的后缀名】)
         按钮：<input type="button" value="返回"/>
         重置:type="reset" 
         隐藏域：type="hidden" 
         图片按钮：type="image"【提交表单功能】提交表单按钮：type="submit" 【value:提交；如果指定，就按指定的显示】

2.<select>标签

<select>
<option>选项</option>  

</select>

3.<textarea></textarea>  文本域

• Frameset框架

1.嵌套（不能写在body中）

   <frameset rows="30%,*">    （表示左边30% 右边70%）
   <frame src="1.html"/>        （左边内容）     src=“”为引用其他的网页为此内容
   <frame src="2.html"/>         （右边内容）

    </frameset>

属性：

        Cols：多列
        Rows:多行
       Noresize：边框固定

       scrolling="no"---yes,no,auto(自动)  （滑动条）

管理后台：板块之间的相互引用（练习）