テーブルの基本タグ | 四つ葉のクローバー

100万ポイント山分け！1日5回検索で1ポイントもらえる

000000

HOME | DIARY | PROFILE

【フォローする】【ログイン】

はじめにお読み下さい

< 新しい記事

新着記事一覧(全2405件)

過去の記事 >

October 18, 2004

タグシリーズ，今日はテーブルを作る基本のタグを取り上げます。

そもそも，テーブルとは？
表（枠）の事を指します。

タグは次のようになります。
＜table border＞＜tr＞＜td＞ここに表内の文字が入ります＜/td＞＜/tr＞＜/table＞

これが基本中の基本のテーブルタグです。

↓このタグでできるテーブルはこちらになります。

ここに表内の文字が入ります

*テーブル例1*

タグ内の英語の解説。
table , border はそのまま英語の単語です。

＜tr＞は Table Row 。

＜td＞は Table Data 。

table 本来の意味：

[可算名詞]テーブル，台，表，一覧表，目録，
　　　　（食卓に出される）料理，平板，台地，高原
　　　　　九九の表，データ保存用配列，
　　　　　表形式の表示書式

[他動詞]（法案などを）延期する，棚上げする
　　　　　～を審議に付す，～を表（一覧）にする

table を使った例文；

・a table of contents(目次一覧)
・a chronological table(年表)
・Do you know your seven times table?
(九九の7の段は言えますか？)
　　*learn one's tables(九九を覚える)のように
　　九九の場合はtable(s)の前に
　　「誰の（my,your,her,hisなど）」
　　が入ります。

border 本来の意味：

[可算名詞]境界線，国境，ふち飾り，縁取り，
　　　　　細長い花壇（道の縁どり用）

[他動詞]～の境をなす，～に国境を接する，
　　　　～に飾りで縁取る
[自動詞]～と国境を接する，
　　　　～とほとんど同じ状態にある

border を使った例文；

・cross the border into 国名
　（国境を越えて～へ入る）
・We drove along the Canada-U.S. border.
＝We drove along the border between Canada and U.S..
(私たちはカナダと合衆国の国境に沿ってドライブした)
・a handkerchief with a lace border
(レースの縁取りのあるハンカチ)

*テーブルタグのborderは，テーブルの
　一番外側の枠線のことです。

＜border＞の属性値に数字を入れると，線の太さを変えることができます。

＜table border="1"＞
のように，数字の "1" の部分の数を大きくすると太くなり，
"0" にすると枠線が見えなくなります。
属性値の数字を指定しないと，自動的に"1"になります。
上の*テーブル例1*は "1" です。

row 本来の意味；

[可算名詞]列，並び，横列，（劇場などの）座席列，
　　　　　編み目の列，（表計算シートの）横列

row を使った例文；

・We stood waiting for hours in a row.
(私たちは何時間も列に並んだ)
・I sat in the front row.
(私は最前列に座った)

*＜Tr＞～＜/Tr＞で表の横一列を作ります。＜Tr＞から＜/Tr＞までが横一列ですと言う指定です。

data 本来の意味；

[不可算名詞]資料，データ，数値，統計，情報

data を使った例文；

・The latest data is available.
(最新のデータが利用できます)
・He fed data into a computer.
(彼はコンピュータにデータを入力した)

*＜Td＞から＜/Td＞までが一つのマス（「セル」と言います）になります。
*「テーブル例1」の内側の枠がセルです。

セルを二つ横に並べたテーブルを作りたいとき
＜table border="2"＞＜tr＞＜td＞ここがセル1＜/td＞＜td＞ここがセル2＜/td＞＜/tr＞＜/table＞

ここがセル1

ここがセル2

*テーブル例2*

border="2"　にしたので，外枠が少し太くなっています。
横列＜tr＞～＜/tr＞の中にデータの入ったセルを二つ並べたと言うことになります。

セルを縦に並べたい時は，横列の終わりのタグ＜/tr＞を挟んで，あらためて横列＜tr＞とセル（データ）の始まり＜td＞と終わり＜/td＞＜/tr＞を入れます。

＜table border="3"＞＜tr＞＜td＞ここがセル1＜/td＞＜/tr＞ ←これで列の終わりを指定これで新たに列の始まりを指定→ ＜tr＞＜td＞ここがセル2＜/td＞＜/tr＞＜/table＞

ここがセル1

ここがセル2

*テーブル例3*

border="3"　にしたので，外枠が更に太くなっています

以上がテーブルタグの基本中の基本でした。
応用編（色，枠の線種，背景など）はまた今度・・・・
（いつになるかは・・・？）

疲れたあ～(*_*;

*今日の一言（ひとこと）日記 *

I have a pain in my stomach.