無料でホームページ素材を提供しています。

サイトマップ [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

ホーム	掲示板	ブログ	FAQ	お問い合わせ

tableを使った2カラムレイアウト

本文をアチコチに配置するには、<table>や<div>等を使います。最近は外部CSSファイルを使う事が多いですが、閲覧する環境によるレイアウト崩れを防ぐのはかなり難しいので、未だに<table>を使ったレイアウトは重宝されています。

ブラウザー表示例

ブラウザー表示

タイトル枠

メニュー枠

本文枠

著作権枠

ソース

<!-- TTL枠▼ -->
<table align="center" bgcolor="#FFFFFF" border="1" cellspacing="0" width="256">
<tr valign="middle">
<td>ここにホームページのタイトルを書く。</td>
</tr>
</table>
<!-- TTL枠▲ -->

<!-- メイン枠▼ -->
<table align="center" bgcolor="#FFFFFF" border="1" cellspacing="0" width="256">
<tr>
<td width="128">ここにメニューを書く。</td>
<td width="128">ここにメインの記事を書く。</td>
</tr>
</table>
<!-- メイン枠▲ -->

<!-- 著作権枠▼ -->
<table align="center" bgcolor="#FFFFFF" border="1" cellspacing="0" width="256">
<tr>
<td>著作権枠</td>
</tr>
</table>
<!-- 著作権枠▲ -->

《もくじへ│▲このページのトップへ

メニュー

グラフィック素材
HTMLとJavaScript素材
資料
おすすめランキング
HTML辞典
JavaScript辞典
便利情報
ホームページ運営講座
ホームページ用語集
リンク

Sponcerd Links

Recommend

│ホーム │FAQ │動作環境について │注意事項 │素材と資料の使い方 │

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送