插入表格与表单

简单回顾网页基本结构在网页上插入文字在网页上插入图像网页上的超链接水平线2.在网页上插入表格与表单2.1创建表格表格的基本构成table、tr、td表格由行、列和单元格3部分组成，一般通过3个标记来创建，分别是表格标记table、行标记tr、和单元格标记td。表格的各种属性都要在表格的开始标记table和表格的结束标记/table之间才有效。示例tabletrtd单元格1/tdtd单元格2/td/trtrtd单元格3/tdtd单元格4/td/tr/table新行开始标记表格开始标记新建一个单元格2.2表格基本属性2.2.1表格宽度width语法：tablewidth=“表格宽度”2.2.2表格高度heighttableheight=“表格高度”语法：2.2.3表格对齐方式align语法：tablealign=“表格对齐方式”属性值说明left整个表格在浏览器页面中左对齐center整个表格在浏览器页面中居中对齐right整个表格在浏览器页面中右对齐2.2.4表格对齐方式align语法：tableborder=“边框宽度”2.2.5表格边框颜色bordercolor语法：tablecellspacing=“内宽宽度值”2.2.6内宽宽度cellspacing语法：说明：表格的内宽边框属性cellspacing用于设置表格内部每个单元格之间的间距tableborder=“边框宽度”bordercolor=“边框颜色”2.2.7表格内文字与边框间距cellpadding说明：在默认情况下，表格的内容会紧贴表格的边框，这看上去非常拥挤。可以使用cellpadding来设置单元边框与单元格里的内容之间的距离tablecellpadding=“文字与边框的距离值”语法：2.3表格背景2.3.1表格背景颜色bgcolor说明：表格的背景颜色属性bgcolor是针对整个表格的，bgcolor定义的颜色可以被行或列或单元格定义的背景色所覆盖tablebgcolor=“背景颜色”语法：有背景颜色，当然也会有背景图片，自己动手试一下吧。2.4表格的行属性属性值高度控制height边框颜色bordercolor行背景?行背景颜色?行文字水平对齐方式align行文字垂直对齐方式valign属性/值对应表2.5表格的单元格属性2.5.1水平跨度colspan2.5.2垂直跨度rowspan将两个或更多的单元格组成一个单元格语法：tdrowspan=“跨度的行数”语法：tdcolspan=“跨度的列数”当然也可以在垂直的方向上跨行单元格的其他属性属性值单元格大小width、height对齐方式align、valign单元格背景色bgcolor单元格的边框颜色bordercolor2.6使用表单示例htmlhead/headbodyform用户名：inputname=usertype=textsize=15/br密码：inputname=passwordtype=password/form/body/html2.5.1提交表单actionaction用于指定表单数据提交到哪个地址进行处理语法：formaction=“表单处理程序”.……/form2.5.2表单传送方式method与编码方式enctype语法：formaction=“表单处理程序”method=“get或post”enctype=“MIME方式”.……/form2.5.3插入表单对象2.5.3.1文字字段textformmethod=“post”action=“test.php”用户名：inputname=“user”type=“text”size=“15”//br密码：    inputname=“user”type=“text”size=“15”//form语法：文字字段的一些属性属性值type表单的输入类型，这里为文本name字段的名称，一般用于后台处理程序的识别value用来定义文本框的默认值size用来设置文本框在页面中的显示长度maxlength用来设置文本框最多可输入的字符数密码域，只需使type=“password”2.5.3.2单选按钮inputtype=radioname=radiobuttonvalue=radiobutton1checked=checked/男/brinputtype=radioname=radiobuttonvalue=radiobutton2/女/brinputtype=radioname=radiobuttonvalue=radiobutton3/来自泰国/br同一组单选按钮的name属性的值必须一致2.5.3.2复选按钮爱好：inputname=checkbox1type=checkboxchecked/玩游戏inputname=checkbox2type=checkbox/看书inputname=checkbox3type=checkbox/看电影inputname=checkbox4type=checkbox/其他2.5.3.2普通按钮inputtype=“submit或reset”name=“name”value=“想要在按钮显示的文字”/语法：说明：当type=“submit”时，按钮的功能为将表单数据提交到表单处理程序去处理并且跳转页面。当type=“reset”时，按钮的功能是将填写了的表单对象全部重置2.5.3.2下拉菜单selectname=selectoptionvalue=Beijing北京/optionoptionvalue=Guangzhou广州/optionoptionvalue=Maomingselected=selected茂名/optionoptionvalue=Hangzhou杭州/optionoptionvalue=Now_York纽约/optionoptionvalue=华府华盛顿/option/select发现了吗，同一组选项包含在一对select/select之间。TheEnd2.5.3.3文本域标记textarea与文件域file标记inputname=MyFiletype=filesize=540pxmaxlength=500/br/textareaname=Text“cols=100“rows=20/textareaHTML的学习到此结束