网页结构:
table结构:
<table> ...表格标签,
<tr> ...行标签,
<td>单元格内容</td> ...单元格标签,应用<td colspan="所跨的列数">或<td rowspan="所跨的行数">...column列row行 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、 post;post比get更安全。
<!-- 文本框、按钮等信息 -->
</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> ...6行40字宽度的多行文 本框,只读框
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>可以重复使用在一个网页中,宽、高度为px,frameborder边框,name框架标识名
name="mainFrame"此名可用作被超链接的目标target="mainFrame",scrolling是否显示滚动条,是yes,
否no,根据内容自动确定auto