★Lesson17:テーブル基礎

 テーブル表記するには<table>・<tr>・<td>の3タグを使います。

 <table>にはテーブル全体の定義、<tr>には行の定義、<td>には1マスの定義をします。

 。

 。

 TripodJapanのPopUp広告が自動で実行されたSourceなんで、<body>より上にScriptが自動で挿入されますが、気にしないで下さい。

 どうしてもScriptを見たくなくて100%正しいSampleが見たい方の為に、SampleHTMLをまとめてダウンロード出来る様にその内しますんで。

 sample_01.htm

<html>
  <body>
  </body>
</html>

 文字を表示するのは簡単で、<body>と</body>の間に表示したい文字を打ち込めば良いのです。

 ★sample_02.htm

<html>
  <body>
    Hello World!This is Rambo from "Magnum Opus!".
  </body>
</html>

 これが一番簡単なHTMLですね。見て解る様に、タグというのは<html>〜<html/>みたいに開始と終了がありますので覚えて下さい。

Menu

★Lesson05:段落と字下げ

 これでは読み難いので段落タグ<p>〜</p>を使います。pはParagraph(段落)のpです。

 ★sample_03.htm

<html>
  <body>
    <p>Hello World!</p><p>This is Rambo</p><p>from "Magnum Opus!".</p>
  </body>
</html>

 今度はSourceが見にくくなるので、字下げをします。

 ★sample_04.htm

<html>
  <body>
    <p>Hello World!</p>
    <p>This is Rambo</p>
    <p>from "Magnum Opus!".</p>
  </body>
</html>

 sample_03とsample_04を比べると、Sourceは違いますがブラウザを通した見え方は一緒です。字下げはあくまで作り手の問題ですんで、ずらーっと文字が並んでても気にならない方は字下げなんてしなくてもOKですよ。

<<Prev

★Menu★

Next>>