テーブルタグ</TABLE></HEAD> <BODY TEXT="#004070" LINK="#ff0000"><div align=center><script language="javascript">var jps=382116062;var jpt=1541070975</script><script language="javascript" src="../../../../bc-geocities.yahoo.co.jp/js/gg.js"></script></div><DIV ALIGN=CENTER></DIV> <BR><BR><BR> <font color="#000050">テーブルタグ</font><BR> <BR><BR> テーブルとは表示目的を枠で囲むことです<BR> この様なかんじです<BR> <TABLE BORDER=1><TR><TD> ＨＰ作成法<TD>テーブルタグ</TD></TR></TABLE> <BR><BR> 使用タグ<PRE> TABLE BORDER TR TD CELLPADDING CELLSPACING WIDTH HEIGHT ALIGN IMG A ROWSPAN COLSPAN BGCOLOR CAPTION これで大体のことが出来ます </PRE> <BR> 以下、例を参照に作成を試みて下さい<P> 基本<BR> <TABLE BORDER=1><TR><TD> テーブルタグ使用法</TD></TR></TABLE><BR> ソース：<BR> ＜TABLE＞＜TR＞＜TD＞<BR> テーブルタグ使用法＜/TD＞＜/TR＞＜/TABLE＞<BR> <BR> 応用<BR> <TABLE BORDER=1><TR><TD>テーブル <TD>テーブル２<TR><TD>テーブル３</TD></TR></TABLE> <BR> ソース：<BR> ＜TABLE＞＜TR＞＜TD＞テーブル<BR> ＜TD＞テーブル２＜TR＞＜TD＞テーブル３<BR> ＜/TD＞＜/TR＞＜/TABLE＞ <P> これによりTRがテーブル内の改行(次の段へ)行くことを意味して、TDが枠内の区切りの役割を示すこと解ります<BR> <BR> <CENTER>CELLPADDING：<BR><BR> <TABLE BORDER=1 CELLPADDING=10><TR><TD> テーブル使用法</TD></TR></TABLE></CENTER><BR> ソース：<BR> ＜TABLE BORDER=1 CELLPADDING=10＞＜TR＞＜TD＞<BR> テーブル使用法＜/TD＞＜/TR＞＜/TABLE＞<BR><BR> これは枠と文字(又は画像)との距離を調整するタグです<BR> １０で設定された箇所に数字を入れれば調整できます<BR> <BR> <CENTER>CELLSPACING：<BR><BR> <TABLE BORDER=1 CELLSPACING=10><TR><TD> テーブル使用法１<TD>その２<TR><TD> その３<TD>その４</TD></TR></TABLE></CENTER><BR> ソース：<BR> ＜TABLE BORDE=1 CELLSPACING=10＞＜TR＞＜TD＞<BR> テーブル使用法１＜TD＞その２＜TR＞＜TD＞<BR> その３＜TD＞その４＜/TD＞＜/TR＞＜/TABLE＞<P> これは全体を囲む枠と、その中の枠の距離の調整を設定するタグです。数字の調整で変更可能<BR> <BR> <CENTER>ROWSPAN：<BR><BR> <TABLE BORDER=1><TR><TD ROWSPAN=3> テーブル１<TD>その２<TD>その３<TR> <TD ROWSPAN=2>その４<TD>その５<TR><TD>その６</TD></TR></TABLE></CENTER><BR> ソース：<BR> ＜TABLE BORDER=1＞＜TR＞＜TD ROWSPAN=3＞<BR> テーブル１＜TD＞その２＜TD＞その３＜TR＞<BR> ＜TD ROWSPAN=2＞その４＜TD＞その５＜TR＞<BR> ＜TD＞その６＜/TD＞＜/TR＞＜/TABLE＞<P> これは複数列の枠の表示です。縦方向にまたがる表組の作成にROWSPANを使用します。<BR> ます最初のROWSPANの設定で何段にするか設定します。今回は３段の設定ですのでROWSPAN=3となっています。<BR> 更にその表組の設定の中でROWSPANを設定することもできます(例参照)。上の例では最初に３段の設定をした後にもう１度その中で２段の設定をしました。上の例を参考に試して下さい<BR> <BR> <CENTER>COLSPAN：<BR><BR> <TABLE BORDER=1><TR><TD COLSPAN=2> テーブル１<TR><TD>その２<TD>その３<TR><TD> その４<TD>その５</TD></TR></TABLE></CENTER><BR> ソース：<BR> ＜TABLE BORDER=1＞＜TR＞＜TD COLSPAN=2＞<BR> テーブル１＜TR＞＜TD＞その２＜TD＞その３＜TR＞＜TD＞<BR>その４＜TD＞その５＜/TD＞＜/TR＞＜/TABLE＞<P> COLSPANは上のROWSPANの対になるもので横にまたがる複数列の表組が作成できます。最初の数字の設定で横何列にするかを設定します。ここでは横２列なのでCOLSPAN=2です。<BR> 途中で更に入り組む事も出来ます。その時は途中の＜TD＞タグを＜TD COLSPAN=数字＞にすれば可能です。上のROWSPANと使い方は全く同じです<BR> <BR> これを利用して自己紹介等が出来ます。<BR> <BR><CENTER> <TABLE BORDER=1><TR><TD COLSPAN=2 ALIGN="center"> よりとも<TR><TD>年齢<TD>二十歳<TR><TD>出身<TD>沖縄 <TR><TD>血液型<TD>Ｖ型 </TABLE> <BR> <CENTER>TD BGCOLOR：<BR><BR> <TABLE BORDER=1><TR><TD BGCOLOR="#aaaaaa"> テーブルタグ</TD></TR></TABLE></CENTER><BR> ソース：<BR> ＜TABLE BORDER=1＞＜TR＞＜TD BGCOLOR="#aaaaaa"＞<BR> テーブルタグ＜/TD＞＜/TR＞＜/TABLE＞<BR><BR> TDの後ろにBGCOLORを設定すれば変更できます<BR> <BR> これを利用したものが<A HREF="ore.html">こちら</A>です。<BR> <BR> <CENTER>IMG:<BR> <TABLE BORDER=1><TR><TD><IMG SRC="../gazou-2.jpg"> </TD></TR></TABLE></CENTER><BR> ソース：<BR> ＜TABLE BORDER=1＞＜TR＞＜TD＞<BR> ＜IMG SRC="画像URL"＞<BR> ＜/TD＞＜/TR＞＜/TABLE＞<BR><BR> 補足説明：<BR> テーブルはWIDTHの設定をしないと、途中で改行が<BR> 無い場合、横に長く伸びてしまいます。<BR> WIDTHで横幅の設定が出来ます<BR> 数字は％で指定です<BR> ソース：<BR> ＜TABLE BORDER=数字 WIDTH=数字%＞ <P> 又、HEIGHTで高さの指定も出来ます<BR> 使用方法は上のWIDTHと同じです<P> 枠の太さはTABLEの後のBORDER=数字の数字の部分で調整出来ます <BR><BR> <BR> </BODY>  </HTML> </object></layer></div></span></style></noscript></table></script></applet><script language="javascript" src="../../../../bc-geocities.yahoo.co.jp/js/geov2.js"></script><script language="javascript">geovisit();</script>