スポンサーサイト

今日は何位かな?→人気ブログランキングに参加しています♪

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


このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

スポンサー広告 | 【--------(--) --:--:--】 | Trackback(-) | Comments(-) | [編集]

tableタグ

今日は何位かな?→人気ブログランキングに参加しています♪

表を作るようにレイアウトをするタグです。
罫線を出して表のように使うだけでなく、罫線を消して配置だけに使うコトが
できます。

・テーブルタグの例
<table width="100%" align="left" border="1">
<tr>
<td align="center" bgcolor="yellow"><font color="red">タイトル1</font></td>
<td align="center" bgcolor="blue"><font color="yellow">タイトル2</td>
</tr>
<tr>
<td align="left">中身1</td>
<td align="left">中身2</td>
</tr>
<tr>
<td colspan="2" align="center">中身3</td>
</tr>
</table>

コレを実際HTML文書の中で表を作ると滅茶苦茶変なデザインが出てきますが、
カラーコードを調べる手間を省いたのでこうなりました(;´▽`lllA``
カラーセンスを疑われそうだけど、かなり適当何で…。

<table>~</table>で表全体の設定をします。

widthで幅を決めます。
%表記の場合はウィンドウ幅またはフレーム幅に対しての割合です。
ピクセル単位で数字表記するコトもできます。

えあの場合は最初から幅最大800ピクセルで作るようにホームページ全体に
枠のイメージとして入れているコトが多いです。
サーバに転送すると読み込みに時間がかかる場合もあるので、作業中のみ
入れて、ファイル転送する前に削除します。

alignは指定された幅に対して左寄せ(left)・中央寄せ(center)・
右寄せ(right)をするコトができます。
今は幅が100%なので、どれに設定しても表記に変化はありません。
指定しない場合はleftになります。

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

[tips]tips | 【2007-04-20(Fri) 07:00:00】 | Trackback:(0) | Comments:(0) | [編集]
コメント
コメントの投稿


管理者にだけ表示を許可する

トラックバック

この記事にトラックバックする(FC2ブログユーザー)


Copyright © ホームページ&ブログ作成tips All Rights Reserved. Powered By FC2. 
skin:*cuteblog*   
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。