基于Web应用系统开发5More.pptVIP

读书使人充实 思考使人深邃 交谈使人清醒 基于Web的应用系统开发5.More Advanced XHTML 孙文俊 wjsun@ 哈工大管理学院 2008年9月11日星期四 Overview Tables Forms Frames Tables A table is a matrix of cells The cells can include almost any element Some cells have row or column labels and some have data A table is specified as the content of a table tag Each row of a table is specified as the content of a tr tag The row headings are specified as the content of a th tag Each data cell of a row is specified as the content of a td tag Table Basic Formatting A border attribute in the table tag specifies a border between the cells If border is set to border, the browser’s default width border is used The border attribute can be set to a number, which will be the border width E.g. border = “4” Without the border attribute, the table will have no lines! Tables are given titles with the caption tag, which can immediately follow table Table Example table border = border captionPrice of Fruit/caption tr thFruit/th thPrice/th /tr tr tdApple/td td￡0.20/td /tr tr tdOrange/td td￡0.50/td /tr /table rowspan and colspan attributes Table cells are sized to fit the data they contain You can create larger data cells by using these attributes: rowspan – set in the th or td tag to specify that the cell must span some number of rows colspan – set in the th or td tag to specify that the cell must span some number of columns cell_span.html align and valign attributes The align attribute controls the horizontal placement of the contents in a table cell Values are left, right, and center Default for labels is center, for data it is left align is an attribute of tr, th, and td elements The valign attribute controls the vertical placement of the contents of a table cell Values are top, bottom, and center (default) valign is an attribute of th and td elements cellpadding and cellspacing attributes The cellspacing attribute of table is used to specify the distance between cells in a table The cellpadding attribute of