コピペするだけで簡単にホームページが作れます。
テーブルの作り方
htmlソース
<body> と</body> の間にコードを貼り付けてください。
コードの使い方
色つきの文字の部分はソースを書きかえる必要があります。
紫色の部分は日本語、
青色の部分は半角英数で記入してください。
<tr><td>
1
</td><td>
2
</td></tr><tr><td>
3
</td><td>
4
</td></tr>
</table>
コレを実行するとこんな感じになります↓
| 1 | 2 |
| 3 | 4 |
書き込む位置と実際に表示される場所の関係を 分かりやすくするために今回は1,2,3,4の番号を書き込んでみました。
<td>と</td>の間にテーブルに表示したい内容を書きます。
テーブルの内容には色々なものが使えます。 画像も使えますし、テキストもOKです。
コピペで作れるＨＰで紹介している 「htm」のコーナーに載っているものはすべて テーブルの具にできます。
<tr>と</tr>で囲まれた<td>～</td>が横一列に表示されます。
解説
枠線の設定
border="1" 枠線の太さを変えることが出来ます。
数字が大きくなるほど線が太くなります。
| border="0" |
| border="1" |
| border="2" |
| border="3" |
| border="4" |
| border="5" |
枠線の設定はスタイルシートでも出来ます。
スタイルシートで設定するほうがオススメです☆
参考： CSS-枠線の設定
テーブルの表示位置
align="center"
テーブルの並ぶ場所を設定することが出来ます。
left :テーブル全体が左側に寄ります center:テーブル全体が中央に表示されます right :テーブル全体が右側に寄ります
| leftを指定 |
| centerを指定 |
| rightを指定 |
参考： スタイルシートでテーブルの大きさを設定できます。
・CSS-大きさの設定
コピペで作るホームページ
初心者の方でも簡単HP!
- TOP
- はじめに
- 準備
- スタート
- HTML
- スタイルシート(CSS)
- ホームページ作りの+α
Miracle Townのメニュー♪