gooブログでtablr-２

同カテゴリ

テーブルを使った画像貼り付け <TABLE align=center background=http://xxxxxxxxxxxxxx.png border=0><TR><TD width=236 height=180></TD></TR></TABLE>ただし、画像そのもののサイズ変更はできないみたい。↓ 当然、枠も簡単につけられます。 文字・もじ 画像の中へ文字の書き込みも。 <TABLE borderColor=red background=http://xxxxxxxxxxxxxx.png border=8><TR><TD align=middle width=236 height=180><FONT color=white size=6><B>文字・もじ</B></FONT></TD></TR></DIV>

同カテゴリ

gooブログでtableー１

同カテゴリ

◆枠＆フォント◆

<table style="border:3px solid blue; padding:3px;"> 　<tr> 　　<th bgcolor=yellow> 　　　<font size=3 color=blue>◆枠＆フォント◆</font> 　　</th> 　</tr> 　<tr> 　　<td> 　　　<font color=green style="background-color:silver;"><b>ここのコマンド表記</b></font> 　　</td> 　</tr> </table> まず、枠を作るテーブル <table style="border:3px solid blue: padding:3px;"><tr><th>枠内の記事</th></tr></table> 　border＝線の太さ　padding＝行の幅　tr＝行　th(td)＝列（セル） 　bgcolor=背景色（テーブル全体でも、セルごとでも設定可） tableをdivにしても枠はできる。 width=幅指定　height=高さ指定 ★↑widthとheightを指定しなければ、中に入れた文章に合わせた大きさになる。 　だが、divを使うと幅は表示の最大となる。 次にフォント <font size=5 color=green face="ＭＳ ゴシック" style="background-color:silver;"><b><i>次にフォント</i></b></font> sizeは１～７　colorは色一覧参照　iは斜め　bは太字 face：ＭＳ ゴシック；Times；ＭＳ 明朝　その他：必要ならまた後日調査

立体感を持たせたテーブル

テーブルをテーブルのセルに入れることで並べる。

◆↑の指定 <table border=5 bordercolor=purple bordercolordark=blue> 　<tr> 　　<td> 　　　<table border=12 bordercolor=red bordercolordark=black bgcolor=yellow> 　　　　<tr> 　　　　　<th> 　　　　　　<font color=blue>立体感を持たせたテーブル</font> 　　　　　</th> 　　　　</tr> 　　　</table> 　　</td> 　　<td> 　　　<table border=12 bordercolor=blue bordercolordark=black bgcolor=lime> 　　　　<tr> 　　　　　<th> 　　　　　　テーブルをテーブルのセルに入れることで並べる。 　　　　　</th> 　　　　</tr> 　　　</table> 　　</td> 　</tr> </table> ◆rowspanで縦のセル結合、colspanで横のセル結合（このセル参照）

同カテゴリ