rowspan && colspan

> 跨行

<html>
<body>

<table width="100%" border="1">
  <tr>
    <th>col1</th>
    <th>col2</th>
    <th>col3</th>
    <th>col4</th>
  </tr>
  <tr>
    <td rowspan="2">row1_col1</td>
    <td rowspan="2">row1_col2</td>
    <td>1111</td>
    <td>1111</td>
  </tr>
  <tr>
    <td>2222</td>
    <td>2222</td>
  </tr>
</table>

</body>
</html>

> 跨列

<html><body>

<table width="100%" border="1">  <tr>    <th>col1</th>    <th>col2</th>    <th>col3</th>    <th>col4</th>  </tr>  <tr>    <td colspan="2">row1</td>    <td colspan="2">row1</td>  </tr>  <tr>    <td>1111</td>    <td>1111</td>    <td>2222</td>    <td>2222</td>  </tr>  <tr>    <td>1111</td>    <td>1111</td>    <td>2222</td>    <td>2222</td>  </tr></table>

</body></html>

时间： 2024-10-12 21:23:06

rowspan && colspan的相关文章

DataTables实现rowspan思路

直接看例子吧 <table id="example" class="display table table-bordered" cellspacing="0" width="600" style="margin-top: 50px"> <thead> <tr> <th>Name</th> <th>Position</th>

主要需要掌握标签: <table> <tr> <th> <td> <caption> 主要要掌握的标签属性: rowspan colspan frame(void above below hsides vsides lhs rhs box border ) border rules(none groups rows cols all) summary width cellpadding cellspa

iText导出word入门

最近一个项目需要导出word文档,网上了解了一下,发现poi导出excel比较好,但是导出word就力不从心了,大家都比较推荐iText,于是试了试,感觉还不错. 我用的是2.1.7版本. 1. 使用maven导入依赖 <dependency> <groupId>com.lowagie</groupId> <artifactId>itext</artifactId> <version>2.1.7</version> <

jQuery07源码 (3803 , 4299) attr() prop() val() addClass()等 : 对元素属性的操作

var nodeHook, boolHook, rclass = /[\t\r\n\f]/g, rreturn = /\r/g, rfocusable = /^(?:input|select|textarea|button)$/i; jQuery.fn.extend({ attr: function( name, value ) { //遍历this //arguments.length > 1,jQuery.attr(this[i],name,value),返回this //arguments

通过使用jsoup解析html,绘画表格生成execl文件

1.获取文件或者字符设置绘画表格字符编码 //得到Document并且设置编码格式 public static Document getDoc(String fileName) throws IOException{ File myFile=new File(fileName); Document doc= Jsoup.parse(myFile, "UTF-8",""); return doc; } 2.根据解析出来的table进行绘画 public static

JavaScript----marquee滚动标签图片无缝滚动插入百度地图

页面的自动滚动效果,可由javascript来实现, 但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee>...</marquee>: 说明:在标记之间添加要进行滚动的内容. 重要属性: 1.滚动方向direction(包括4个值:up. down. left和 right) 语法:<marquee direct

html自定义表白网页

今天给同学弄了一下简单表白网页 : 首先祝福两位少年同学现在重点讲一下我是弄的先新建一个记事本然后写入下面代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html > <head> <meta http-equiv=

j-query应用---鼠标悬停不同文字显示不同背景图片banner动画

源代码部分:注意事项:样式表的引用的路径要一致. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt

《HTML5与CSS3基础教程》学习笔记 ——Four Day

第十六章 1. 输入和元素电子邮件框 <input type="email"> 搜索框 <input type="search"> 电话框 <input type="tel"> URL 框 <input type="url"> 以下元素得到了部分浏览器的支持日期 <input type="date"> 数字 <input type=