上海网站建设

上海网站建设

咨询热线:(021)51698180


HTML,CSS

上海网站建设RSS订阅  RSS订阅  新浪微博  新浪微博  上海网站建设客服  客服  获取报价  获取报价

XHTML MP教程(十七):XHTML MP 表格

要想在 XHTML MP 中创建表格, 你需要 <table>, <tr> 和 <td> 标签. 单元格中的数据被包含在 <td></td> 标签中. 同一行的单元格被包含在 <tr></tr> 标签中.  所有的行被包含在<table></table> 标签中. 因此, <td></td> 要被包含在 <tr></tr> 中且 <tr></tr> 要被包含在 <table></table> 中. 下面的 XHTML MP 例子演示了如创建表格:
 
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" 
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
	
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Table in XHTML MP</title>
  </head>

  <body>
    <table>
      <tr>
        <td>Cell A</td>
        <td>Cell B</td>
        <td>Cell C</td>
      </tr>
	
      <tr>
        <td>Cell D</td>
        <td>Cell E</td>
        <td rowspan="2">Cell F</td>
      </tr>
	
      <tr>
        <td colspan="2">Cell G</td>
      </tr>
    </table>
  </body>
</html>
 
上述 XHTML MP 标记代码的结果在移动电话模拟器中的效果如下:
 
XHTML MP教程(十七):XHTML MP 表格1

Sony Ericsson T610
XHTML MP教程(十七):XHTML MP 表格2

Nokia Mobile Browser 4.0
 
 
要控制表格的展示效果你就需要用到 WAP CSS. 例如, 如果你想给表格添加边框或者指定一个单元格的颜色, 你就得利用 WAP CSS. 为了让你看清前面 XHTML MP 例子中 rowspan 和 colspan 属性的效果, 我们用 WAP CSS 的边框属性给单元格指定黑色边框, 像这样:
 
td {
  border: thin solid black
}
 
XHTML MP教程(十七):XHTML MP 表格3

Sony Ericsson T610
XHTML MP教程(十七):XHTML MP 表格4

Nokia Mobile Browser 4.0
 
如果你对学习更多关于 WAP CSS 边框属性感兴趣的话, 请查阅相关 WCSS 边框属性资料.
 
由花火网络整理 www.hahoo.cn 上海网站建设