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

HTMLでキャプション（表題）付きのテーブルを作成する方法

HTMLでキャプション（表題）付きのテーブルを作成するには、<caption>タグを使用します。キャプションはテーブルの内部に配置され、<table>タグの直後に記述するのが決まりです。
HTMLでキャプション（表題）付きのテーブルを作成する方法

<caption>タグで指定したテキストは、デフォルトではテーブルの上部中央に表示されます。表示位置を変更したい場合は、CSSの「caption-side」プロパティ（top・bottom・left・rightなど）を使って調整することも可能です。

コード例

以下のコードを実行すると、キャプション付きのテーブルがどのように表示されるかを確認できます。

<!DOCTYPE html>
<html>
   <head>
        <style>
             table, td, th { border: 1px solid black; }
        </style>
   </head>
   <body>
         <table>
             <caption>Our Technologies</caption>
             <tr>
                <th>IDE</th>
                <th>Database</th>
             </tr>
             <tr>
                <td>NetBeans IDE</td>
                <td>MySQL</td>
             </tr>
         </table>
   </body>
</html>

出力結果

上記のコードをブラウザで開くと、テーブルの上部に「Our Technologies」というキャプションが表示された、罫線付きのテーブルが出力されます。

HTMLでキャプション（表題）付きのテーブルを作成する方法

  1. HTMLで参考文献（Bibliography）を作成する方法

    参考文献（Bibliography）とは、執筆時に参照した書籍や資料の一覧をまとめて記載するセクションのことです。HTMLを使えば、こうした参考文献リストを簡単に作成できます。具体的には、<ol>タグで書籍を番号付きリストとして列挙し、<cite>タグで作品のタイトルをマークアップします。 <cite>タグは、書籍のタイトルだけでなく、楽曲、絵画、映画など、さまざまな作品のタイトルを示す際にも使用できます。このタグは「引用」を意味しており、タグ内に記述した内容はすべて作品のタイトルとして扱われます。 サンプルコード それでは、実際にHTMLで参考文献リスト

  2. Excel で値が重複するリレーションシップを作成する方法

    多くの場合、 関係 を作成する必要があります。 重複を含む Excel で データセットには使用できる共通の列があるためです。しかし、どういうわけか両方のテーブルに Duplicate がある場合 値の場合、プロセスの実行が非常に難しくなります。セル値のリストから複数のワークシートを作成する方法を知りたい場合は、この記事が役に立つかもしれません。この記事では、Excel で重複するセル値との関係を作成する方法について詳しく説明します。 この練習用ワークブックを以下からダウンロードしてください。 人間関係を作る 2 つの簡単な方法 重複を含む Excel で 値 関係を作成するために、次の