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

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. HTMLDOMキャプションオブジェクト

    HTML DOM Captionオブジェクトは、HTMLの要素に関連付けられています。 要素は、テーブルのキャプション(タイトル)を設定するために使用され、テーブルの最初の子である必要があります。キャプションオブジェクトを使用してキャプション要素にアクセスできます。 プロパティ 注 :以下のプロパティはHTML5ではサポートされていません。 以下は、HTMLDOMキャプションオブジェクトプロパティ-です。 プロパティ 説明 整列 キャプションの配置を設定または返すには。 構文 以下は、-の構文です。 キャプションオブジェクトの作成- var x = document.cre

  2. HTMLDOMテーブルのキャプションプロパティ

    HTML DOMテーブルのcreateCaption()メソッドは、空の要素を生成し、それをHTMLドキュメントのテーブルに追加します。 構文 以下は構文です- object.createCaption() HTML DOMテーブルのcreateCaption()メソッドの例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       background: lightblue; &