ホームページの作成

第１４回タグの記入例５

線を引き区切りをつける、表を作ればわかりやすい！！

通常のページは見出しを記入し、線で区切ります。下記のように。
<hr>
のみで/の閉じタグはありません。
オプションはalign=right width=80% or width=90 size=4
<hr align=center width=80% size=4>が下の線です。

これは見出しです

↑これが区切り線です。これ以下に本文を記入します。

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

表を使うと読みやすくなります。
元々は読みやすくするための表でしたが、現在ではデザインのための表となっています。
表は少々複雑なので今回は簡単な表にとどめておきましょう。複雑な表はなかなか頭脳で設計して書くには難しすぎます。現在ではHTMLエディター（ホームページビルダー等）を使って書きます。

<table>表の外枠を設定します。
<tr>　　水平線を描きます。
<td> 　垂直線を描きます。
これらのタグには順番があります。順番を間違わないように記入しましょう。

<table>
　　<tr>
　　　　<td>
　　　　１番目のセル
　　　　</td>
　　　　<td>
　　　　２番目のセル
　　　　</td>
　　</tr>
　　<tr>
　　　　<td>
　　　　３番目のセル
　　　　</td>
　　　　<td>
　　　　４番目のセル
　　　　</td>
　　</tr>
</table>

下のようになります。

１番目のセル	２番目のセル
３番目のセル	４番目のセル

オプションを追加した表です。右クリックでソースの表示で確認しましょう。

１番目のセル	２番目のセル

筆者もデザインを組むときには難しいのでHTMLエディターを使います。
このページも全てHTMLエディターで作っています。使っているのはDreamweberです。

メニュー

テンプレートデザインを作る空ファイルの作成サイトの設計２サイトの設計ページの保存デジカメ写真の挿入画面や画像の基礎知識文字の装飾ホームページ作成の前にすることホームページ作成に必要な道具相対アドレス・絶対アドレスとは？タグの記入例６タグの記入例５タグの記入例４タグの記入例３タグの記入例2 タグの記入例１タグの記入法ホームページの正体 HTMLとは？ 8秒＆３０秒の現実ホームページは生き物だ！デザインはサイトの信頼を高める信頼らいしてもらえるかがポイントホームページの成功はここで決まる。目的なしにホームページは作れない

鹿児島パソコン教室＆パソコンサポート

ホームページの作成

第１４回タグの記入例５

これは見出しです

メニュー