Digital Life ~デジタルライフ~(Field)

PREV | PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | --:-- | comments(-) | trackbacks(-) | TOP↑

≫ EDIT

テーブルタグとは? ~テーブルタグ配布~

テーブルタグとは?

テーブルタグとは簡単に言えば「表」のことです。

表といえばエクセルワードで作ったことのある人はたくさんいるかと思います。この表はHTMLタグ(ホームページやブログ)でも使用することができます。HTMLタグで作る表のことをテーブルタグと言います。


表というと上のようなものが思い浮かぶ人もいると思いますが一行一列や一行二列、二行一列のものもテーブルタグになります。




一行一列




一行二列



二行一列

次にテーブルタグの使い道について説明します。一つは表としての利用。二つ目はサイトのレイアウトを整えるために使用することです。表としての利用方法は分かるかと思いますので今回はレイアウトに使う方法について説明します。


サイト全体のレイアウト

テーブルタグはサイト全体のレイアウトを作ることもできます。
例えばこのサイト(テーブルタグ保管庫)の場合は下のようなレイアウトになっています。

タイトル




このようにサイト全体のレイアウトを作り、各セルごとにタイトルやメニューなどをそれぞれ挿入していきます。

※表の各マス目をセルといいます。



細かいレイアウト

サイト全体のテーブルにもテーブルを挿入することができます。(テーブルタグの中にテーブルタグを入れることもできます)細かいレイアウトをするのにもテーブルタグを使います。

例えば左に画像を入れつつ右に文章を表示したい場合があるかと思います。そんな時にテーブルタグを使います。



画像


文字・・・・・
文字・・・・・
文字・・・・・
文字・・・・・
文字・・・・・
文字・・・・・

説明のために枠を表示していますが実際は枠の表示は消して下のようにします。




画像


文字・・・・・
文字・・・・・
文字・・・・・
文字・・・・・
文字・・・・・
文字・・・・・


この他にもテーブルを使えば各セル(各マス目)ごとに色々な設定ができます。表示位置や背景色・背景画像の設定など。

左揃え・上揃え


中央揃え・上揃え 右揃え・上揃え
左揃え
中央揃え

右揃え
左揃え・下揃え

中央揃え・下揃え
右揃え・下揃え


セル(マス目)を結合(つなげる)こともできます。


下のセルと結合
右のセルと結合


中央揃え

右揃え
左揃え・下揃え

中央揃え・下揃え
右揃え・下揃え


以上がテーブルタグの説明になります。

このサイトでは基本的なテーブルタグはもちろん、テーブルタグの作り方や作成済み(装飾済み)のテーブルタグも沢山配布しています。HTMLタグをコピーするだけで簡単にテーブルタグを使用することができます。


| HTMLタグ | 14:08 | comments(-) | trackbacks(-) | TOP↑

PREV | PAGE-SELECT | NEXT

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。