━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保 希光 　　　┏ ┏┏ ホームページ楽々講座 NO.012 2002.07.01 　　 ┏┏ ┏ SALTY Home Page : http://www.salty1.com/ 　　　　 ┏┏┏ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 【テーブル】 　これまでは、文字や画像を配置する際に、
〜
や ALIGN を使いましたが、左寄せ・センターリング・右寄せ、しかできませんでした。 　 〜
は、表を作るタグですが、ページのレイアウトには不 可欠です。 　基本形（横３列、縦３行の表の例です） 　 　 　 　 　
〜〜〜
〜〜〜
〜〜〜
　〜
　表の始まりと終わり 　〜　　　　行の始まりと終わり 　〜　　　　セルの始まりと終わり A.下記のソースをメモ帳に貼り付け、→「ファイル」→「名前を付けて保存」 　とクリック、→「保存する場所」を「homepage」フォルダー、「ファイル 　の種類」を「すべてのファイル」、「ファイル名」を「third.html」にし 　て、→「保存」ボタンをクリックします。 -------------------------------------------------------------------- My Homepage
MY HOMEPAGE


行全体の背景色を指定
<TR BGCOLOR="#FFEEFF">		セルの横幅を指定 （列全体に及びます）
<TD WIDTH="200">		 右寄せで表示
<TD ALIGN="right">
セルの縦幅を指定（行全体に及びます）
<TD HEIGHT="150">		上寄せで表示
<TD VALIGN="top">		下寄せで表示
<TD VALIGN="bottom">
横２個のセルを結合
<TD COLSPAN="2">		 センターリング
<TD ALIGN="center">
縦２個のセルを結合
<TD ROWSPAN="2">		 セルの背景色を指定
<TD BGCOLOR="#EEFFFF">
部分センターリング
<CENTER>〜</CENTER>
セルの背景画像を指定
<TD BACKGROUND="bg.gif">		セル内の改行をキャンセル
<TD NOWRAP>

-------------------------------------------------------------------- B.保存した「third.html」ファイルをダブルクリックで開きます。→「表示」 　→「ソース」とクリックします。 C. のように、半角スペースを空けて複数の属性を記述します。
ページ内の表の横方向の位置を指定します。 左（left）中央（center）右（right）
表全体の背景に画像を表示します。
表全体の背景色を指定します。
表の枠の幅を指定します。BORDER="0" で枠が消えます。
表の罫線の色を指定します。
表全体の影になる部分の罫線の色を指定します。
表全体の明るい部分となる罫線の色を指定します。
セル内部の文字や画像とセルの枠との間隔を指定します。
表の罫線幅を指定します。指定しなければ "2"となります。
ALIGN 属性で表に対して文字を回り込ませている場合の表と文字の横方向の 間隔をピクセル単位で指定します。
ALIGN 属性で表に対して文字を回り込ませている場合の表と文字の縦方向の 間隔をピクセル単位で指定します。
表の横方向の幅をピクセル単位で指定します。WIDTH="90%" のようにブラウ ザのウインド幅に対するパーセンテージで指定することもできます。
表の縦方向の幅をピクセル単位で指定します。 HEIGHT="30%" のようにブラ ウザのウインド幅に対するパーセンテージで指定することもできます。 --------------------------------------------------------------------
と
の間に記述して行頭を示します。 行末は で示 します。 と の間に記述してセルの始りを示します。セルの終りは で示します。 ここから下のタグは 又は の属性ですから、 又は のように記述しま す。 横方向に複数のセルをまたぐセルを作ります。 縦方向に複数のセルをまたぐセルを作ります。 セル内の文字や画像の横方向の位置を指定します。 左（left）中央（center）右（right） セル内の文字や画像の縦方向の位置を指定します。 上（top）中（middle）下（bottom） セルの背景に画像を表示します。 セルの背景色を指定します。 セルの罫線の色を指定します。 セルの横方向の幅をピクセル単位で指定します。この指定は同じ列すべての セルに及びます。 WIDTH="30%" のようにブラウザのウインド幅に対するパーセンテージで指定 することもできます。 セルの縦方向の幅をピクセル単位で指定します。この指定は同じ行すべての セルに及びます。 WIDTH="30%" のようにブラウザのウインド幅に対するパーセンテージで指定 することもできます。 セル内で改行をさせない指定です。 -------------------------------------------------------------------- のようにページ全体の文字の指定しても TABLE 内 には及びません。 のようにページ全体の文字のサイズを指定しても、 TABLE 内には及びません。 TABLE 内全体の文字の色、書体、サイズを指定するには、 のよ うに記述します。 １行全体の文字の色、書体、サイズを指定するには、 のように 記述します。 １つのセル内の文字の色、書体、サイズを指定するには、
のように 記述します。 〜 のように記述 してもＯＫです。 ******************************************************************** ※このマガジンを読んでも解らない場合は、下記ホームページの「ＰＣ質問 　箱」でご質問ください。 ※各号のブラウザで表示したサンプル画面は 「SALTY」ホームページでご覧 　頂けます。 ※途中から購読された方は、「まぐまぐ」または「SALTY」ホームページで、 　バックナンバーの創刊号からダウンロードしてください。 ※パソコン全般に関するマガジン「６４歳パソコン教師の日記」もよろしく 　お願いいたします。まぐまぐID : 0000022784 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保 希光 　　　┏ ┏┏ ホームページ楽々講座 NO.012 2002.07.01 　　 ┏┏ ┏ SALTY Home Page : http://www.salty1.com/ 　　　　 ┏┏┏ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ※ このメールマガジンの読者登録解除は下記のホームページから出来ます。 http://www.salty1.com/rakuraku.html ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ このメールマガジンは、インターネットの本屋さん『まぐまぐ』を利用して 発行しています。( http://www.mag2.com/ ) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━