网页结构:

table结构:

<table> ...表格标签,

 <tr>  ...行标签,

 <td>单元格内容</td>  ...单元格标签,应用<td colspan="所跨的列数"><td rowspan="所跨的行数">...columnrow­    ­                                span跨度

 </tr>

</table>

 

表格的高级用法:

 

<table width="100%">

 <caption>表格标题</caption>...表格标题标签;内容默认居中显示

 <thead style="background:#0FF"> ...表格页眉标签;

  <tr>

   <th>表头内容</th>  ...表头标签,与<td>的区别:用在页眉标签内,内容默认为居中显示,粗体

  </tr>

 </thead>

<tbody style="background:#9CC">...数据主体标签;

 <tr><td>内容</td></tr>

</tbody>

<tfoot style="background:#FF0">...表格页脚标签;

 <tr><td>内容</td></tr>

</tfoot>

</table>

 

表格属性:

 

<table width="300" border="2" cellpadding="30" cellspacing="40"></table>

                           ...宽度为300,边框为2­填充为30,间距为40(像素)

                                       即:文字与单元格边框的距离,单元格间距

                                       注:表格可以嵌套使用;

DIV结构:

  <div></div>  ...常用于网页结构布局,比表格灵活,可以嵌套使用。

 

表单的使用:

<form action="表单提交地址" method="提交方法"> ...action:向何处发送表单数据,处理数据的地址。method:提交方式:get­                                                postpostget更安全。

 <!-- 文本框、按钮等信息 -->

</form>

 

表单元素的基本格式:

<input name="表单元素名称" type="类型" value="" size="显示宽度" maxlength="能输入的最大字符长度" checked="是否选中" /> ...输入框标签,若不选中就不要checked="checked"这一项

  <input>元素的属性:type:指定表单元素的类型。常用的选项有:text文本框password密码框checkbox复选按钮radio单选按钮submit提交按钮reset重置按钮file文件域p_w_picpath图形提交按钮button普通按钮。默认为text

列表框:

<select name="指定列表名称" size="行数">

  <option value="可选项的值" selected="selected">...</option> ...selected默认选中;去掉则不选中。

  <option value="">...</option>

  ......

</select>

 

多行文本框:

<textarea name="textarea" cols="40" rows="6" readonly="readonly">初始文本内容</textarea> ...640字宽度的多行文­     ­                                           ­框,只读框

                                          W3C XTML标准:下拉列表默认选中:“selected="selected"

                                                         复选框默认选中:“checked="checked"

                                                         只读:“readonly="readonly"

                                                         禁用:“disabled="disabled"

 

<iframe>内嵌框架:

<iframe src="引用页面地址" width="宽度" heigh="高度" name="框架标示名" frameborder="0,1,2.." scrolling="no,yes,auto"></iframe>

              ...<iframe>可以重复使用在一个网页中,宽、高度为pxframeborder边框,name框架标识名

                     name="mainFrame"此名可用作被超链接的目标target="mainFrame",scrolling是否显示滚动条,是yes

                     no,根据内容自动确定auto