テーブルの色や位置を変える

テーブルやセルの背景色を指定したりテーブルの位置自体を変えたい時がでてきます。 まずテーブル、行やセルを個別に色指定する方法からみてみましょう。まずテーブルの各部 には背景の色を設定できます。テーブルはなにも指定しない場合ホームページの背景色で 表示される決まりがあります。

テーブルを自然とホームページ内に溶け込ませたい場合は特に指定せずにそのままでも 構いませんが、ホームページに変化を持たせたい場合などは多少変化を持たせる必要が あります。ただあくまで自然に少しだけ目立たせるのが良いです。

Our partners
税理士 東京 →税理士の事ならことサイトです。
電話占い →電話占いに特化した面白いサイトです。
会計事務所 →会計事務所は信頼と実績のこの会社です。

テーブル全体の色を変えたい場合はbgcolorタグで指定します。table、tr、thタグなどに 別々に指定することによりそれぞれの色を違ったように指定することができます。テーブル の色を赤にしたい時はtable bgcolor="red"とすればOKです。できればredの部分はカラー コードで指定しましょう。同じくtr部分を黒にしたい場合はtr bgcolor="black"でOKです。

テーブルを必要としないサイトもありますが、どうしても必要としてくるサイトのオーナーは それなりの知識を持っておく必要があります。それがないとどうしても外注に出したり、 画像に頼ってseo的によくない展開になるのどしてしまいます。タグは多いですが、 使うタグは少ないので勉強しましょう。

色はどちらかというと原色のような強い色より淡い優しい色の方が上品な感じが 出てサイトに良い印象を与えます。なぜか原色は安っぽく見えるので、あまり好ましく ありません。テーブルのコツなので覚えておきましょう。

色を変えるとデザイン上きれいにみえます。ただホームページのデザインにマッチしてなかった りあまりに派手派手しい色はあまり好まれません。落としい色でテーブルを作ったほうが ユーザーからの反応はよいというのが実体験に基づく感想です。

テーブルを複数設置する場合で共通の変化を持たせたい場合はスタイルシートで 一括指定すると一つずつ指定する必要がないので楽です。ただこの場合、一括でテーブル の要素が指定されてしまうので、個々のテーブルでの指定ができにくくなってしまいますので 注意しましょう。

Our partners
パワーストーン →パワーストーンのことについてもっと知ろう。
名刺印刷 →名刺印刷はここに依頼しましょう。
電話占い →電話占いならこのサイトが一番です。

次にホームページないで作成したテーブルの位置を指定する方法です。テーブルは指定が なければ左寄せで自動的に調整されます。ただ実際ホームページを作成していると中央 に寄せたい場合が多くあります。このようにしたい時はalign属性を使います。table align="center"とするとテーブルがホームページのコンテンツ部分の中央に入ります。

コンテンツ部分に入れる場合、コンテンツ部分のサイズとテーブルサイズがうまく合わないと 思ったように表示されません。けいさんも必要になってくるのでテーブルはここの部分が ややこしいですが、慣れるまでじっくり実戦経験を積んで慣れていきましょう。

ちょこちょこ変更を加えた後にffftpでアップロードして確認するとよいです。あまり まとめて一気にやるとミスが出た時にどのせいでレイアウトが崩れたのかわからなく なり、余計時間がかかってしまいます。

テーブルはソースがどうしても汚れがちなので、すっきりしたテーブルを好みであれば、 いっそのこと画像でテーブルを作って、文字もすべて画像にすると画像を入れ込む タグ一行で済みます。デザイン上もこちらのほうがきれいに見えてよいかもしれません。

何もしなければ左寄せですが、これをわざとalign属性で左に寄せるとテーブルの左に 文字を回り込ませることができます。通常文字はテーブルの下に勝手に入ってしまうので この属性を使うとテーブルの内容を説明するときなどに便利ですので、ぜひ活用しましょう。

Our partners
プレス加工 →プレス加工なら安心のこの会社まで。
チラシ印刷 →チラシ印刷なら安心のこの会社がベストです。
パワーストーン →パワーストーンの秘密がわかります。
探偵 川口 →探偵を川口でお探しならここで安心です。

メニュー

お気に入りサイト達

内容の正確性に関しては責任を負いかねます。個人の責任にて当サイトをご利用ください。