词条 | rowspan |
释义 | rowspan简介rowspan,是HTML语言中的一个对象属性。通常使用在td与th标签中,可以实现表格中一列跨越多行。 row:行, span:跨度,跨距,范围 rowspan的用途表单合并行Rowspan合并行。在网页表单中的应用。表单就是网站管理员与网站浏览者沟通的一个桥梁 表格跨行属性网页表格里面,表头标记th的属性。用rowspan定义合并表格的行数,属性值是数字。 与此相关的属性有表格单元格的垂直对齐属性valign,跨列属性colspan。 html语言HTML(HyperTextMark-upLanguage)即超文本标记语言,是WWW的描述语言。html 是在 sgml 定义下的一个描述性语言,或可说 html 是 sgml 的一个应用程式,html 不是程式语言,它只是标示语言。 HTML一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。 HTML只是标示语言,基本上你只要明白了各种标记的用法便算学懂了 html,html 的格式非常简单,只是由文字及标记组合而成,于 编辑方面,任何文字编辑器都可以,只要能将文件另存成 ascii 纯文字格式即可,当然 以专业的网页编辑软件为佳。 相关表格属性:valign类别valign是HTML表格中tr 标签属性。 基本描述valign -- 代表行的垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现) 。 valign可以通俗的理解为上中下。 而和align的区别是 align为左中右。 定义和用法vAlign 属性设置或返回单元格内数据的垂直排列方式。 语法tabledataObject.vAlign=top|middle|bottom|baseline 实例下面的例子更改了单元格内数据的垂直排列方式: <html><head><script type="text/javascript">function topAlign() { document.getElementById('td1').vAlign="top"; document.getElementById('td2').vAlign="top"; document.getElementById('td3').vAlign="top"; } </script></head><body><table width="50%" border="1"> <tr><th>Firstname</th> <th>Lastname</th> <th>Text</th></tr> <tr><td id="td1">Peter</td> <td id="td2">Griffin</td> <td id="td3">Hello my name is Peter Griffin. I need a long text for this example. I need a long text for this example.</td></tr></table><br /> <input type="button" onclick="topAlign()"value="Top-align table cells" /></body></html> 相关表格属性:colspancolSpan是一种编程语言,其属性可设置或返回表元横跨的列数。 定义和用法colSpan 属性可设置或返回表元横跨的列数。 语法tabledataObject.colSpan=number_of_columns 实例下面的例子更改了表元横跨的列数: <html><head><script type="text/javascript">function changeColSpan() { document.getElementById("td1").colSpan="2"; }</script></head><body><table border="1"><tr><th>Firstname</th><th>Lastname</th></tr><tr><td id="td1">Peter</td><td id="td2">Griffin</td></tr></table><br /><input type="button" onclick=changeColSpan()value="Change colspan" /></body></html>在浏览器里运行一下就知道了要是还是不清楚,在dreamweaver里粘贴 以下代码<body><table border="1"> <tr> <th>Firstname</th> <th>Lastname</th> </tr> <tr> <td id="td1">Peter</td> <td id="td2">Griffin</td> <td>james</td> <td>kobe</td> </tr> <tr><td colspan="2">yao</td> <td colspan="2">ming</td> </table> <br /></body> </html>分别去掉第二行第一列和第二列的colspan,或者改掉它的值,就能明白什么是"单元格横跨的列数了"利用colspan可以解决诸如"第一行六列,第二行四列,但是无法改变上下二列自动对齐"的问题 |
随便看 |
百科全书收录4421916条中文百科知识,基本涵盖了大多数领域的百科知识,是一部内容开放、自由的电子版百科全书。