HTML标记【表格标题标记】!
2007-10-31 00:38
393 查看
表格标题标记——caption
<caption>标记用于建立表格的标题,并可利用align属性
<caption align=top或bottom>
例:
<html>
<body>
<table border=3>
<caption align=top>89学年下学期课程<caption>
<tr align=center><th>日期</th><th>课程名称</th><th>必选修</th></tr>
<tr align=center><td>星期一</td><td>统计学</td><td>必修</td></tr>
<tr align=center><td>星期二</td><td>生产管理</td><td>必修</td></tr>
<tr align=center><td>星期三</td><td>经济学</td><td>必修</td></tr>
<tr align=center><td>星期四</td><td>商务英语</td><td>必修</td></tr>
<tr align=center><td>星期五</td><td>组织行为</td><td>选修</td></tr>
</table>
</body>
</html>
=======================================================
表格的高级设计
嵌套表格的建立
<html>
<body>
<table border=3 width=70%>
<caption align=top>中山大学</caption>
<tr><th>
<table border=2>
<caption align=top>89学年下学期课程表</caption>
<tr>
<th>日期</th><th>课程名称</th><th>必选修</th>
</tr>
<tr>
<td>星期一</td><td>统一学</td><td>必修</td>
</tr>
<tr>
<td>星期二</td><td>生产管理</td><td>必修</td>
</tr>
<tr>
<td>星期三</td><td>经济学</td><td>必修</td>
</tr>
<tr>
<td>星期四</td><td>商用英语</td><td>必修</td>
</tr>
<tr>
<td>星期五</td><td>组织行为</td><td>选修</td>
</tr>
</body>
</html>
================================================
环绕表格文字格式的控制
例:
<html>
<body>
<table border=2 width=30% align=right>
<caption align=top>南开大学</caption>
<tr><th>
<table border=2>
<caption align=top>89学年下学期课程表</caption>
<tr>
<th>日期</th><th>课程名称</th><th>必选修</th>
</tr>
<tr>
<td>星期一</td><td>统计学</td><td>必修</td>
</tr>
<tr>
<td>星期二</td><td>生产管理</td><td>必修</td>
</tr>
<tr>
<td>星期三</td><td>经济学</td><td>必修</td>
</tr>
<tr>
<td>星期四</td><td>商用英语</td><td>必修</td>
</tr>
<tr>
<td>星期五</td><td>组织行为</td><td>必修</td>
</tr>
</table>
</table>
右表是南开大学教务处,企业管理学系,<br>
五年级课程时间表,授课教室管理学院0042室<br>
授课时间am8:30至pm5:00。若有任何疑问请同学到五楼办公室询问。<br>
</body>
</html>
<caption>标记用于建立表格的标题,并可利用align属性
<caption align=top或bottom>
例:
<html>
<body>
<table border=3>
<caption align=top>89学年下学期课程<caption>
<tr align=center><th>日期</th><th>课程名称</th><th>必选修</th></tr>
<tr align=center><td>星期一</td><td>统计学</td><td>必修</td></tr>
<tr align=center><td>星期二</td><td>生产管理</td><td>必修</td></tr>
<tr align=center><td>星期三</td><td>经济学</td><td>必修</td></tr>
<tr align=center><td>星期四</td><td>商务英语</td><td>必修</td></tr>
<tr align=center><td>星期五</td><td>组织行为</td><td>选修</td></tr>
</table>
</body>
</html>
=======================================================
表格的高级设计
嵌套表格的建立
<html>
<body>
<table border=3 width=70%>
<caption align=top>中山大学</caption>
<tr><th>
<table border=2>
<caption align=top>89学年下学期课程表</caption>
<tr>
<th>日期</th><th>课程名称</th><th>必选修</th>
</tr>
<tr>
<td>星期一</td><td>统一学</td><td>必修</td>
</tr>
<tr>
<td>星期二</td><td>生产管理</td><td>必修</td>
</tr>
<tr>
<td>星期三</td><td>经济学</td><td>必修</td>
</tr>
<tr>
<td>星期四</td><td>商用英语</td><td>必修</td>
</tr>
<tr>
<td>星期五</td><td>组织行为</td><td>选修</td>
</tr>
</body>
</html>
================================================
环绕表格文字格式的控制
例:
<html>
<body>
<table border=2 width=30% align=right>
<caption align=top>南开大学</caption>
<tr><th>
<table border=2>
<caption align=top>89学年下学期课程表</caption>
<tr>
<th>日期</th><th>课程名称</th><th>必选修</th>
</tr>
<tr>
<td>星期一</td><td>统计学</td><td>必修</td>
</tr>
<tr>
<td>星期二</td><td>生产管理</td><td>必修</td>
</tr>
<tr>
<td>星期三</td><td>经济学</td><td>必修</td>
</tr>
<tr>
<td>星期四</td><td>商用英语</td><td>必修</td>
</tr>
<tr>
<td>星期五</td><td>组织行为</td><td>必修</td>
</tr>
</table>
</table>
右表是南开大学教务处,企业管理学系,<br>
五年级课程时间表,授课教室管理学院0042室<br>
授课时间am8:30至pm5:00。若有任何疑问请同学到五楼办公室询问。<br>
</body>
</html>
相关文章推荐
- HTML表格标记教程(17):表格标题垂直对齐属性VALIGN
- HTML表格标记教程(16):标题水平对齐属性ALIGN
- HTML表格标记教程(15):表格的标题
- html之表格列标题<th>的使用...
- HTML基本语法六 表格(TABLE)标记
- Html表格<table>还是需要添加一些标签进行优化,可以添加标题<caption>和摘要<table summary>
- HTML表格标记教程(12):边框样式属性FRAME
- HTML表格标记教程(26):单元格标记
- HTML表格标记教程(41):表头的宽度和高度属性WIDTH、HEIGHT
- HTML表格标记教程(33):单元格的垂直对齐属性VALIGN
- HTML--表格(TABLE)标记(TAGS)
- HTML 表格的标题 占多行或者多列的表格
- HTML的10个表格相关标记
- HTML标签用法(四)图形标记&表格标记
- HTML中如何为表格添加标题(添加的标题与表格相对静止)(<table><caption>标题</caption></table>)
- <学习html>第五天笔记-表格table(创建表格、表格属性、表头标签、表格结构、表格标题标签、合并单元格)
- 浅谈Html网页表格结构化标记的应用
- HTML表格标记教程(11):水平对齐属性ALIGN
- HTML表格标记教程(25):行的垂直对齐属性VALIGN
- HTML表格标记教程(38):表头的边框色属性BORDERCOLOR