テーブル
注意 記号< >を使うと画面に表示してもらえないので、ここでは記号( )を代用して書き込みます。実際に使用する時は、( )を< >に置き換えですね！
□形-01
(Table border)
(Tr)
(Td)
文字列
(/Td)
(/Tr)
(/Table)
□形-02 （これは、フリーページ 【アクセス・カウント】 で使用しているものです）
(Table border)
(Tr)
(Td)１列１行に入る文字(/Td)(Td)２列１行に入る文字(/Td)(/Tr)
(Tr)
(Td)１列２行に入る文字(/Td)(Td)２列２行に入る文字(/Td)(/Tr)
(Tr)
(Td)１列３行に入る文字(/Td)(Td)２列３行に入る文字(/Td)(/Tr)
(/Table)
テーブル＋α
（Table border ここに追加 ）
※ 追加する際に、半角分手前にスペースを作ってください。
(Table border width=" 横幅の値 " height=" 縦幅の値 ") テーブルのサイズを変更できます。
(Table border align=" 位置 ”） left,center,right で、それぞれの位置で固定されます。
(Table border cellspacing=" 数字 ") テーブルの枠の太さを変更できます。
(Table border=" 数字 ") テーブル全体を囲む枠のサイズを変更できます。
(Table border bgcolor=" 色コード ") #+6桁の数字 を入れ、テーブル背景の色を変更できます。
(Table border bordercolor=" 色 ") 色のところにredと入力すれば、枠の色が赤になります。(通常は白)
テーブルをちょっと一工夫
大分類
名称
味の特徴
色
果物類
りんご
甘酢っぱい
おおむね赤
夏みかん
かなり甘酸っぱいと思う
たいてい黄色
宇宙食
何でしょう
上の表の特徴として、『果物類』が２段分であること。
そして、『経験なく不明』が横２マス分に書かれていること。
これは、以下のように書かれた物である。
(table border="3" cellpadding="5")
(caption)身近な果物(/caption)
(tr style="background:#ccccff")
(th)大分類(/th)
(th)名称(/th)
(th)味の特徴(/th)
(th)色(/th)
(/tr)
(tr)
(th rowspan="2" )果物類(/th)
(td)りんご(/td)
(td)甘酸っぱい(/td)
(td)おおむね赤(/td)
(/tr)
(tr)
(td)夏みかん(/td)
(td)かなり甘酸っぱいと思う(/td)
(td)たいてい黄色(/td)
(/tr)
(tr)
(th)宇宙食(/th)
(td)何でしょう(/td)
(td colspan="2" )経験なく不明(/td)
(/tr)
(/table)
これを見てわかったことは、以下のこと。
rowspan は、 縦 に広く。
colspan は、 横 に広く。
そこに続く数字は、広げるマスの数。
( td )と( th )の違いは、 th で書き込んだ文字は太くなること？
まだまだ、勉強の余地ありなＬａｄｙ。
© Rakuten Group, Inc.
