テンプレート テーブル
| 基本のテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
テキストや各コンテンツなどを綺麗に揃えたいときなどに使用すると良いでしょう |
| 枠線のテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
|
| 枠線が色付きのテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
|
| 外枠一線のテーブル ↓ |
|
<body>〜</body>内に記述 サンプル
bgcolor="#00ffff" → 枠線の色 |
| 外枠が点線のテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
<table>内に半角スペースを開けて以下を記述 |
| タイトル付きのテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
bordercolor="#800080" → 枠線の色 |
| 浮き上がったように見えるテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
#def2fa → 前面のテーブル背景色 | |||||||||
| 外枠のみのテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
#FF00FF → 枠線の色 |
| オンマウスで色が変わるテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
#ff99ff → 背景色 |
| リンク表 ↓ |
|
<body> 〜 </body>内に記述 サンプル
width="450" → 横幅 | ||||||||||||||||||
| リンク表 一段 ↓ |
|
<body> 〜 </body>内に記述 サンプル
width="500" → 横幅 | ||||||
| タブ付きテーブル ↓ |
|
<body> 〜 </body>内に記述
画像ソフトなどで違う色の画像を作成して、テーブルの bgcolor を変更すれば 好きな色のテーブルが出来ます サンプル
| |||||||||||||||
| 背景画像にテキストをスクロールさせるテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル width="200" → 横幅 |
| スクロールするテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル bgcolor="#ff00ff" → 枠線の色 |
| お知らせテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
|
| 見出しがスクロールするテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
| |||||||||
| テーブル（メニュー） ↓ |
|
<body> 〜 </body>内に記述 サンプル
| |||||||||
| 半透明のテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
opacity=30 → 数字を0（透明）〜100（不透明）で指定 |
| テーブル（スタイルシート） ↓ |
|
サンプル <head>〜</head>内に記述 <body> 〜 </body>内に記述 |
| ボックス（スタイルシート） ↓ |
|
サンプル <head> 〜 </head>内に記述 <body> 〜 </body>内に記述 |
| 見出しがグラデーションのテーブル ↓ |
|
<body> 〜 </body>内に記述 サンプル
| |||||||
| グラデーションのメニュー ↓ |
|
<body> 〜 </body>内に記述 サンプル
| ||||||||
| テーブルを使った見出し（グラデーション） ↓ |
|
<body> 〜 </body>内に記述 サンプル
| ||
| タブ付の見出し ↓ |
|
<body> 〜 </body>内に記述 サンプル
|
| 見出し（左・下線のみ） ↓ |
|
<body> 〜 </body>内に記述 サンプル
|