♪ちょこっと気になるホムペ♪

♪ちょこっと気になるホムペ♪

テーブルタグ <table><tr><td><border="">



がい3 テーブルタグの基礎 がい3

とりあえず、テーブルを作るタグの基礎的なタグを紹介します。


■tableタグ <table> ~ </table>

表全体を指定するタグです。テーブルを作る上で、一番必要なタグですので。


■trタグ <tr> ~ </tr>

行を指定するタグです。 <table>タグ に囲まれた部分で使用します。


■tdタグ <td> ~ </td>

セルを指定するタグです。 <tr>タグ に囲まれた部分で使用します。


■<table border="数値">

表の枠に線を付けることができます。 <table>タグ に追加すると枠の線の太さが変わります。




【使用例】

例1. 1行の中に3列のセルを作ってみます(枠のサイズは3にしています)

<table border="3">
<tr>
<td>セル1</td>
<td>セル2</td>
<td>セル3</td>
</tr>
</table>

↑のタグにより、↓のようにHP上に表示されるようになります


セル1 セル2 セル3


例2. 3列のセルを2行作ってみます(枠のサイズは3にしています)

<table border="3">
<tr>
<td>セル1</td>
<td>セル2</td>
<td>セル3</td>
</tr>
<tr>
<td>セル4</td>
<td>セル5</td>
<td>セル6</td>
</tr>
</table>

↑のタグにより、↓のようにHP上に表示されるようになります


セル1 セル2 セル3
セル4
セル5 セル6


例2. 3列のセルを2行作ってみます(borderを指定しない場合)

<table>
<tr>
<td>セル1</td>
<td>セル2</td>
<td>セル3</td>
</tr>
<tr>
<td>セル4</td>
<td>セル5</td>
<td>セル6</td>
</tr>
</table>

↑のタグにより、↓のようにHP上に表示されるようになります


セル1 セル2 セル3
セル4
セル5 セル6



↓の画像をクリックするとトップページに戻ります。


↓↓↓   【CLICK HERE】   ↓↓↓


危険!


↑↑↑   【CLICK HERE】   ↓↓↓





© Rakuten Group, Inc.
X
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: