サンプル2

ホームページ作成（無料）

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

Pickup

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

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

サンプル2、タイプの練習をしましょうでは、テーブルへの使用した方法と文字の配置を紹介しています。

はじめに、テーブルの画面表示されるのは<td>～</td>～部分情報です。以下の「セル」と記載部分にタイプするとブラウザ上で見ることが可能です。

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

セル1	セル2
セル3	セル4

<table border="1" cellspacing="1" cellpadding="5" width="500">
<tr><td>セル1</td><td>セル2</td></tr>
<tr><td>セル3</td><td>セル4</td></tr>
</table>

文章作成するとき、利用頻度が高いのが<p>～</p>です。前後に1行文のスペースが空き改行されます。

<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

文字の配置

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

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

leftで文字の配置

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

<td align="center">～</td>

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

rightで文字の配置

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

前のページ >> 解説に戻る