方法 : デザイン ビューで HTML テーブルを作成または編集する
更新 : 2007 年 11 月
HTML デザイナには、Web ページ内でテーブルを簡単に作成したり編集したりできるツールが用意されています。
メモ : |
---|
このトピックでは、ページのレイアウトを定義したり、データを列形式で表示するために頻繁に使用される HTML テーブル要素について説明します。テーブルを動的に作成するには、Table ASP.NET Web サーバー コントロールを使用します。詳細については、「Table、TableRow、および TableCell の各 Web サーバー コントロール (Visual Studio)」を参照してください。 |
プロシージャ
[ツールボックス] ウィンドウでテーブルを作成するには
- ツールボックスの HTML グループからページ上にTable要素をドラッグします。
[レイアウト] メニューでテーブルを作成するには
[レイアウト] メニューの [テーブルの挿入] をクリックします。
[表の挿入] ダイアログ ボックスで、テーブル プロパティを指定し、[OK] をクリックします。
メモ : テーブルに境界線がない場合、[表示] メニューの [可視境界線] をクリックして、境界線を表示できます。
テーブル セルに内容を追加するには
- デザイン ビューで、内容を追加するセル内にカーソルを置き、テキストを入力します。
列、行、またはセルをテーブルに追加するには
新しい列、行、またはセルを挿入する次の列または行内の 1 つのセルにカーソルを置きます。
メモ : カーソルをセルに置くだけでかまいません。列、行、またはセル全体を選択する必要はありません。
[レイアウト] メニューの [挿入] をクリックし、列、行、またはセルを挿入するための適切なコマンドをクリックします。
メモ : 列または行を右クリックし、[挿入] をクリックして、適切なコマンドをクリックすることもできます。
テーブル、列、行、またはセルを選択するには
目的のテーブル、列、または行内の 1 つのセルにカーソルを置きます。
[レイアウト] メニューの [選択] をクリックし、[テーブル]、[列]、[行]、または [セル] をクリックします。
セルを結合するには
結合するセルを選択します。
メモ : Ctrl キーを押しながら、目的の隣接するセルをクリックします。
選択したセルを右クリックし、ショートカット メニューの [セルの結合] をクリックします。
セルが結合されて、元のセルを合わせた幅を持つ単一セルになります。
テーブル要素のサイズを変更するには
行または列を右クリックし、[選択] をクリックし、サイズを変更する要素をクリックします。
要素の境界線を目的のサイズまでドラッグします。
テーブルには、サイズを変更している要素のサイズが表示されます。
メモ : 異なるサイズ単位 (たとえば、パーセントとピクセル) を使用している要素が選択範囲に含まれている場合、要素のサイズを変更すると、すべての要素のサイズ単位がピクセルに変更されます。