html之表格

<body>
<h4>
一列:
</h4>
<!-- <table border = "1"> -->
<tr>
    <td>
    100
    </td>
</tr>
</body>

这里写图片描述

加上 <table border = "1">之后

表格的每一格,及边框加上1像素的边框,如下图所示。
这里写图片描述


<body>
<h4>
一行三列:
</h4>
<table border = "1">
<tr>
    <td>
    100
    </td>
    <td>
    200
    </td>
    <td>
    300
    </td>
</tr>
</body>

这里写图片描述


<body>
<h4>
两行三列:
</h4>
<table border = "1">
<tr>
    <td>100</td>
    <td>200</td>
    <td>300</td>
</tr>
<tr>
    <td>400</td>
    <td>500</td>
    <td>600</td>
</tr>
</body>

这里写图片描述


<body>
<h4>
三行一列:
</h4>
<table border = "1">
<tr>
    <td>100</td>
</tr>
<tr>
    <td>200</td>
</tr>
<tr>
    <td>300</td>
</tr>

</body>

这里写图片描述

tr是行,td是在某个tr(也就是某一行)中的列。

tr 表格的一行,所以有几对tr 表格就有几行。
td 表格的一个单元格,一行中包含几对td,说明一行中就有几列。

参考资料:
http://www.runoob.com/html/html-tables.html

posted @ 2017-07-13 11:20  云胡同学  阅读(160)  评论(0编辑  收藏  举报