Html的表格
2015-08-17 02:09
645 查看
代码:
<table border="1" cellspacing="0" cellpadding="10px">
<caption>表格表头</caption>
<th bgcolor="green">单元1</th>
<th>单元2</th>
<th colspan="2">单元3</th>
<tr bgcolor="orange">
<th>1111</th>
<td>222</td>
<td>3333</td>
<td rowspan="4">rowspan=4</td>
</tr>
<tr>
<th>4444</th>
<td bgcolor="red">5555</td>
<td>6</td>
</tr>
<tr>
<th>7</th>
<td>888888</td>
<td>99999999</td>
</tr>
<tr>
<th>
<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
</ul>
</th>
<th colspan="2">
<ol>
<li>第四个</li>
<li>第五个</li>
<li>colspan=2</li>
</ol>
</th>
</tr>
</table>
效果图:
<table border="1" cellspacing="0" cellpadding="10px">
<caption>表格表头</caption>
<th bgcolor="green">单元1</th>
<th>单元2</th>
<th colspan="2">单元3</th>
<tr bgcolor="orange">
<th>1111</th>
<td>222</td>
<td>3333</td>
<td rowspan="4">rowspan=4</td>
</tr>
<tr>
<th>4444</th>
<td bgcolor="red">5555</td>
<td>6</td>
</tr>
<tr>
<th>7</th>
<td>888888</td>
<td>99999999</td>
</tr>
<tr>
<th>
<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
</ul>
</th>
<th colspan="2">
<ol>
<li>第四个</li>
<li>第五个</li>
<li>colspan=2</li>
</ol>
</th>
</tr>
</table>
效果图:
相关文章推荐
- htmlparser
- htmlparser
- TextView加载Html内容(自定义TextView)
- Html常用字体的格式化
- ActionScript 3.0 学习(六) AS3 文本类TextField属性htmlText学习
- Html 让文字显示在图片的上面
- 从html页面获取纯文本文件替换其中的内容
- 利于SEO的PDF展示方案集锦,pdf to html 每个插件都是楼主亲测
- addslashes() 和 htmlspecialchars() 区别
- 01---HTML整理
- C#解析html源码的框架类HtmlAgilityPack
- HTML常用标签和属性
- HTML学习笔记
- HTML 5 本地存储
- Html<a>标签href的困惑记载
- HTML全局属性
- html中单元格间距与单元格边距的区别
- 闲来无事用html做了个win8.1的界面,看起来就跟真的一模一样!
- html空标签
- 手机网页Html代码实现(解决显示页面很小的问题)