方法 : Visual Web Developer で HTML テーブル要素の追加や削除を行う

更新 : 2007 年 11 月

テーブルを作成した後、行、列、セルなど、新しい要素を追加できます。既存の要素を削除することもできます。

テーブルを追加するには

  • 次の表に示すいずれかの手順を実行します。

    テーブル タイプ

    手順

    内容と属性セットを持たないテーブル

    • ツールボックスの HTML グループから、Table 要素をページにドラッグします。

      3 つの行と 3 つの列を持つテーブルが作成されます。

    作成時に指定された属性を持つテーブル

    • [レイアウト] メニューの [テーブルの挿入] をクリックし、[表の挿入] ダイアログ ボックスでテーブルとセルのオプションを指定します。

行、列、またはセルをテーブルに追加するには

  • 次の表に示すいずれかの手順を実行します。

    テーブル要素

    手順

    テーブル内の行

    • 新しい行を挿入する次の行にカーソルを置きます。[レイアウト] メニューの [挿入] をクリックし、[上に行を挿入] または [下に行を挿入] をクリックします。

      または

      新しい行を挿入する行の任意の場所を右クリックします。[挿入] をクリックし、[上に行を挿入] または [下に行を挿入] をクリックします。

    テーブルの最後の行

    • テーブルの最後のセルで Tab キーを押します。

    • 新しい列を挿入する次の列にカーソルを置きます。[レイアウト] メニューの [挿入] をクリックし、[右に列を挿入] または [左に列を挿入] をクリックします。

      または

      新しい列を追加する列の任意の場所を右クリックします。[挿入] をクリックし、[左に列を挿入] または [右に列を挿入] をクリックします。

    セル

    8968252c.alert_note(ja-jp,VS.90).gifメモ :
    行内のセル数が不均等なテーブルも作成できます。他の行の不均等なセルを取り込むように 1 つのセルが自動的に拡張されることはありません。
    • 新しいセルを挿入する次のセルにカーソルを置きます。[レイアウト] メニューの [挿入] をクリックし、[左にセルを挿入] または [右にセルを挿入] をクリックします。

      または

      新しいセルを追加する列の任意の場所を右クリックします。[挿入] をクリックし、[左に列を挿入] または [右に列を挿入] をクリックします。

テーブル キャプションを追加するには

  1. キャプションを追加するテーブルを選択します。

  2. [レイアウト] メニューの [挿入] をクリックし、[キャプション] をクリックします。

テーブル セルの結合

セルを結合して、他の列を含む列や行を作成できます。たとえば、3 つの列で構成されるテーブルで、一番上の行のセルを結合し、3 つの列をすべて含んだ 1 つの行を作成できます。

テーブル セルを結合するには

  1. 結合するテーブル セルを選択します。詳細については、「方法 : Visual Web Developer で HTML テーブル要素と内容を選択する」を参照してください。

    8968252c.alert_note(ja-jp,VS.90).gifメモ :

    選択したテーブル セルが長方形を形成する場合のみ、セルを結合できます。

  2. [レイアウト] メニューの [セルの結合] をクリックします。

    または

    選択したテーブル セルを右クリックし、[セルの結合] をクリックします。

    セルが結合されて、1 つのセルになります。このとき、マークアップに colspan 属性または rowspan 属性が適切に追加されます。

テーブル要素の削除

テーブル要素を削除すると、そのページから完全に削除されます。

テーブルを削除するには

  • [レイアウト] メニューの [削除] をクリックし、[テーブル] をクリックします。

    または

    テーブルを選択し、Del キーを押します。

テーブルから行または列を削除するには

  1. 削除する行または列にカーソルを置きます。セルを削除する場合、削除する 1 つ以上のセルを選択します。詳細については、「方法 : Visual Web Developer で HTML テーブル要素と内容を選択する」を参照してください。

  2. [レイアウト] メニューの [削除] をクリックし、[行] または [列] をクリックします。

    または

    または、削除するテーブルの行または列を選択して、BackSpace キーを押します。

テーブル セルを削除するには

  1. 削除するテーブル セルをクリックします。詳細については、「方法 : Visual Web Developer で HTML テーブル要素と内容を選択する」を参照してください。

  2. [レイアウト] メニューの [削除] をクリックし、[セル] をクリックします。

    または

    または、削除するテーブル セルを選択して、BackSpace キーを押します。

参照

処理手順

方法 : Visual Web Developer で HTML テーブル要素と内容を選択する

方法 : Visual Web Developer で HTML テーブル要素のサイズを変更する