HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLでテーブルのキャプションを作成しますか？

タグを使用して、テーブルにキャプションを追加します。次のコードを実行して、HTMLに表のキャプションを含めることができます-

例

ここに、「インドのクリケット選手」という表のキャプションを追加しました-

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
         border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <h2>Cricketers</h2>
      <table style = "width:100%">
         <caption>Indian Cricketers</caption>
         <th>Name</th>
         <tr>
            <td>Sachin Tendulkar</td>
         </tr>
         <tr>
            <td>Virat Kohli</td>
         </tr>
      </table>
   </body>
</html>

  1. HTMLテーブル

    HTMLテーブルは、タグを使用してテーブルを作成するために使用されます。テーブルでは、各行はタグを使用して指定され、テーブルヘッダーはタグを使用して定義されます。テーブルデータは、タグを使用して定義されます。 構文 以下は構文です- <table> <tr> <th>Table Header</th> <th>Table Header</th> </tr> <tr> <td>Table data</td> <td>Table data</td> &l

  2. HTMLDOMスタイルのcaptionSideプロパティ

    HTML DOM captionSideプロパティは、テーブルキャプションの位置を取得または設定するために使用されます。テーブルキャプションは、垂直位置、つまり上下にのみ設定されます。 以下は、-の構文です。 captionSideプロパティの設定- object.style.captionSide = "top|bottom|initial|inherit" 上記のプロパティは次のように説明されています： 値 説明 top テーブルのキャプションをテーブルの上に配置します。これがデフォルト値です。 下 テーブルのキャプションをテーブルの下に配