タイプの練習をしましょう

全体の流れ

1. 準備
2. HTMLコードNo1
3. 基本編
4. 応用編
5. 情報編
6. レベルアップ
7. スタイルシート
8. 外部スタイルシート
9. 公開
10. url登録 宣伝

Pickup

• 無料アフィリエイト
• 無料ブログ 比較 宣伝

サンプル2

タイプの練習をしましょう（サンプル2）です。文章を作成するとき、利用頻度が高いのが<p>〜</p>です。前後に1行文のスペースが空き改行されます。

画面表示されるのは、<td>〜</td> 〜部分の情報です。

練習1	練習2
練習3	練習4

<p>〜</p>タグを使用したとき

セル1	セル2
<p>セル3にタイプしています。</p> <p>br要素は強制的に改行。</p> <p>pタグを<strong>使用しています。</strong>pタグは前後に1行文のスペースが空き改行されます。</p> <p>height="150"は<em>削除しました。</em></p>	セル4

<p>〜</p>タグを使用しないとき

セル1	セル2
セル3にタイプしています。br要素は強制的に改行。<br> pタグは<strong>使用していません。</strong>pタグは前後に1行文のスペースが空き改行されます。height="150"は<em>削除しました。</em>	セル4

• <br> ⇒ 強制的に改行
• <strong>〜</strong> ⇒ 文字を強調
• <em>〜</em> ⇒ 文字を斜体で強調

文字の配置

文字の配置は設定しなければ左揃えで表示されます。文字の配置は自由に設定することができます。

「 td 」などに直接記載する方法 ⇒ align="〜"

セル1	セル2
<td align="left">〜</td> 〜部分の情報全て左揃えになります。	セル4

セル1	セル2
<td align="center">〜</td> 中央揃え	セル4

セル1	セル2
<td align="right">〜</td> 右揃え	セル4