您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>HTML语言>>>8--HTML语言-表格的基本语法
8--HTML语言-表格的基本语法
发表日期:2007/6/25 16:17:00 出处:未知 作者:未知 发布人:DND0756 已被访问 1116

表格☆☆☆☆标记


+ 表格的基本语法

<table>...</table> - 定义表格
<tr> - 定义表行
<th> - 定义表头
<td> - 定义表元(表格的具体数据)

带边框的表格:
代码如下
<table border>
<tr><th>内容1</th><th>内容2</th><th>内容3</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>
例式
内容1内容2内容3
ABC


不带边框的表格:

代码如下
<table>
<tr><th>内容1</th><th>内容2</th><th>内容3</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>
例式
内容1内容2内容3
ABC

+ 跨多行、多列的表元

跨多列的表元<th colspan=#>

代码如下
<table border>
<tr><th colspan=3> 标题</th>
<tr><th>内容</th><th>内容</th>  <th>内容</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
例式
标题
内容内容内容
ABC

跨多行的表元 <th rowspan=#>

代码如下
<table border>
<tr><th rowspan=3>标题内容</th>
<th>内容</th> <td>A</td></tr>
<tr><th>内容</th> <td>B</td></tr>
<tr><th>内容</th> <td>C</td></tr>
</table>
例式
标题内容内容A
内容B
内容C

+ 表格尺寸设置

<table border=#>

边框尺寸设置:
代码如下
<table border=10>
<tr><th>内容</th><th>内容</th><th>内容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>
例式
内容内容内容
ABC

<table border width=# height=#>

表格尺寸设置:
代码如下
<table border width=170 height=100>
<tr><th>内容</th><th>内容</th><th>内容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>
例式
内容内容内容
ABC

<table border cellspacing=#>

表元间隙设置:
代码如下
<table border cellspacing=10>
<tr><th>内容</th><th>内容</th><th>内容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>
例式
内容内容内容
ABC

<table border cellpadding=#>

表元内部空白设置:
代码如下
<table border cellpadding=10>
<tr><th>内容</th><th>内容</th><th>内容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>
例式
内容内容内容
ABC

+ 表格内文字的对齐/布局

<tr align=#>

<th align=#>#=left-左, center-中, right-右

<td align=#>

代码如下
<table border width=160>
<tr>
<th>内容</th><th>内容</th><th>内容</th>
<tr><td align=left>左</td><td align=center>中</td><td align=right>右</td></table>
例式
内容内容内容

<tr valign=#>

<th valign=#>注; #=top-上面, middle-中间, bottom-底部, baseline-基础线

<td valign=#>

代码如下
<table border height=100>
<tr><th>内容</th><th>内容</th><th>内容</th><th>内容</th>
<tr><td valign=top>上面</td> <td valign=middle>中间</td> <td valign=bottom>底部</td> <td valign=baseline>基础</td>
</table>
例式
内容内容内容内容
上面中间底部基础

+ 表格在页面中的对齐/布局

<table align=left>

代码如下
<table align="left" border><tr><th>内容</th><th>内容</th><th>内容</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
文字内容...<br>
文字内容.
例式
内容内容内容
ABC
文字内容...
文字内容...

+ 表格的标题

代码如下

<caption align=#> ... </caption> 注;#=left-左, center-中, right-右

<table border>
<caption align=center>文字标题</caption>
<tr><th>内容</th><th>内容</th><th>内容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>
例式
文字标题
内容内容内容
ABC

<caption valign=#>... </caption> 注;#=top-上面, bottom-下面

代码如下
<table border>
<caption valign=bottom>文字标题</caption>
<tr><th>内容</th><th>内容</th><th>内容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>
例式
文字标题
内容内容内容
ABC

返回--目录
编辑--山林
双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

小憩园 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:山林