方法 : Visual Web Developer で HTML テーブル要素の追加や削除を行う
更新 : 2007 年 11 月
テーブルを作成した後、行、列、セルなど、新しい要素を追加できます。既存の要素を削除することもできます。
テーブルを追加するには
次の表に示すいずれかの手順を実行します。
テーブル タイプ
手順
内容と属性セットを持たないテーブル
ツールボックスの HTML グループから、Table 要素をページにドラッグします。
3 つの行と 3 つの列を持つテーブルが作成されます。
作成時に指定された属性を持つテーブル
[レイアウト] メニューの [テーブルの挿入] をクリックし、[表の挿入] ダイアログ ボックスでテーブルとセルのオプションを指定します。
行、列、またはセルをテーブルに追加するには
次の表に示すいずれかの手順を実行します。
テーブル要素
手順
テーブル内の行
新しい行を挿入する次の行にカーソルを置きます。[レイアウト] メニューの [挿入] をクリックし、[上に行を挿入] または [下に行を挿入] をクリックします。
または
新しい行を挿入する行の任意の場所を右クリックします。[挿入] をクリックし、[上に行を挿入] または [下に行を挿入] をクリックします。
テーブルの最後の行
テーブルの最後のセルで Tab キーを押します。
列
新しい列を挿入する次の列にカーソルを置きます。[レイアウト] メニューの [挿入] をクリックし、[右に列を挿入] または [左に列を挿入] をクリックします。
または
新しい列を追加する列の任意の場所を右クリックします。[挿入] をクリックし、[左に列を挿入] または [右に列を挿入] をクリックします。
セル
メモ :行内のセル数が不均等なテーブルも作成できます。他の行の不均等なセルを取り込むように 1 つのセルが自動的に拡張されることはありません。新しいセルを挿入する次のセルにカーソルを置きます。[レイアウト] メニューの [挿入] をクリックし、[左にセルを挿入] または [右にセルを挿入] をクリックします。
または
新しいセルを追加する列の任意の場所を右クリックします。[挿入] をクリックし、[左に列を挿入] または [右に列を挿入] をクリックします。
テーブル キャプションを追加するには
キャプションを追加するテーブルを選択します。
[レイアウト] メニューの [挿入] をクリックし、[キャプション] をクリックします。
テーブル セルの結合
セルを結合して、他の列を含む列や行を作成できます。たとえば、3 つの列で構成されるテーブルで、一番上の行のセルを結合し、3 つの列をすべて含んだ 1 つの行を作成できます。
テーブル セルを結合するには
結合するテーブル セルを選択します。詳細については、「方法 : Visual Web Developer で HTML テーブル要素と内容を選択する」を参照してください。
メモ : 選択したテーブル セルが長方形を形成する場合のみ、セルを結合できます。
[レイアウト] メニューの [セルの結合] をクリックします。
または
選択したテーブル セルを右クリックし、[セルの結合] をクリックします。
セルが結合されて、1 つのセルになります。このとき、マークアップに colspan 属性または rowspan 属性が適切に追加されます。
テーブル要素の削除
テーブル要素を削除すると、そのページから完全に削除されます。
テーブルを削除するには
[レイアウト] メニューの [削除] をクリックし、[テーブル] をクリックします。
または
テーブルを選択し、Del キーを押します。
テーブルから行または列を削除するには
削除する行または列にカーソルを置きます。セルを削除する場合、削除する 1 つ以上のセルを選択します。詳細については、「方法 : Visual Web Developer で HTML テーブル要素と内容を選択する」を参照してください。
[レイアウト] メニューの [削除] をクリックし、[行] または [列] をクリックします。
または
または、削除するテーブルの行または列を選択して、BackSpace キーを押します。
テーブル セルを削除するには
削除するテーブル セルをクリックします。詳細については、「方法 : Visual Web Developer で HTML テーブル要素と内容を選択する」を参照してください。
[レイアウト] メニューの [削除] をクリックし、[セル] をクリックします。
または
または、削除するテーブル セルを選択して、BackSpace キーを押します。