来源:自学PHP网 时间:2015-04-14 14:50 作者: 阅读:次
[导读] 再次公告-咨询学习的朋友 请直接加工作室--夜风插画QQ 36049393(请注明学习内容)谢谢合作! 在DIV盛行之前,HTML里的table--是强大的,占有一席重要之地。多种文字、数据、及许多能直接让...
再次公告-咨询学习的朋友 请直接加工作室--夜风插画QQ 36049393(请注明学习内容)谢谢合作!
在DIV盛行之前,HTML里的table--是强大的,占有一席重要之地。多种文字、数据、及许多能直接让受众直接浏览的元素等等,都包含在其中。时过境迁,在DIV框架普及之后,我们更要花时间学习table的基础知识:
从这篇起,将花几个篇幅来讲述。<table>表格,是由<tr><th><td><caption>等元素构成,就像团队一样,每个元素都起着自身的作用,组合起来,就成为整体,以下是简单的举例(复制到DW中尝试):
[html] view plaincopy
<html>
<body>
<h4>表格没有边框:</h4>
<table>
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
</table>
<h4>表格有边框:</h4>
<table border="1">
<tr>
<td>100</td>
<td>200</td>
</tr>
</table>
</body>
</html>
——带有表头项目名称的表格,是怎样的呢,如下举例(复制到DW中尝试):
[html] view plaincopy
<html>
<body>
<h4>横向的表头项目:</h4>
<table border="1">
<tr>
<th>姓名</th>
<th>电话</th>
</tr>
<tr>
<td>夜风</td>
<td>1234567890</td>
</tr>
</table>
<h4>纵向的表头:</h4>
<table border="1">
<tr>
<th>姓名</th>
<td>夜风</td>
</tr>
<tr>
<th>电话</th>
<td>1234567890</td>
</tr>
</table>
</body>
</html>
|
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com