A.T-MOON

contents

パンくずリスト

メッセージエリア



    テーブルのその他の指定

メッセージエリア


マーク テーブルに見出し <table><tr><th>A</th></tr></table>

<th>タグを使ってテーブルに見出しを表示します。
見出しの部分は太字で表示されることになります。
Aには見出しになる文字を入れましょう。


※例)
見出し1 見出し2 見出し3
セル4 セル5 セル6
見出し付きのテーブルです
<html>
 <head>
  <title>ココにタイトル</title>
 </head>
 <body>
 <font color=red>※例</font><br>
 <table border="1">
  <tr>
   <th>見出し1</th>
   <th>見出し2</th>
   <th>見出し3</th>
  </tr>

  <tr>
   <td>セル4</td>
   <td>セル5</td>
   <td>セル6</td>
  </tr>
 </table>
 見出し付きのテーブルです
 </body>
</html>

<th>タグ<td>タグと同じようにひとつのセルになります。

ページTOP



マーク テーブルにタイトル <table><caption aligin"A">〜</caption></table>

<caption>タグを使ってテーブルにタイトルを表示します。
align属性を加える事でタイトルの表示位置を上下のいずれかに指定できます。
デフォルトでは上部に表示されます。使ってテーブルの外枠の太さを指定します。
Aには属性の値を入れましょう。

A タイトルの表示位置
top(デフォルト) テーブルの上部中央に表示
bottom テーブルの下部中央に表示

※例)
サンプル
セル1 セル2 セル3
セル4 セル5 セル6
サンプルというタイトルが下部についたテーブルです
<html>
 <head>
  <title>ココにタイトル</title>
 </head>
 <body>
 <font color=red>※例</font><br>
 <table border="1">
  <caption align="bottom">サンプル</caption>

  <tr>
   <td>セル1</td>
   <td>セル2</td>
   <td>セル3</td>
  </tr>
  <tr>
   <td>セル4</td>
   <td>セル5</td>
   <td>セル6</td>
  </tr>
 </table>
 サンプルというタイトルが下部についたテーブルです
 </body>
</html>

ページTOP

テーブルの装飾 テーブルの基本に戻る