■ ホームページ作成 ■ ｜Home｜Top│Page１│Page２│---│
ホームページ作成には現在、多様なソフトウェアがあり、基本となるＨＴＭＬ言語を記述しなくても容易にページが作成できるようになりました。ここではこの言語を直接記述してページを作成しましょう。使用するソフトウェアはメモ帳のみです。
 （４）ホームページのスタイル
●改行する
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
いわし料理店
<BR>
居酒屋　　　　　
</BODY>
</HTML>

●段落を作る
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
いわし料理店
<P>
居酒屋　　　　　
</BODY>
</HTML>

●水平ラインを入れる（パーセントで指定）
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
<HR WIDTH=50% SIZE=3>
<HR NOSHADE WIDTH=25% SIZE=5>
</BODY>
</HTML>

※SIZE=1は0.339mm

●水平ラインを入れる（ピクセル数で指定）
<HR WIDTH=50 SIZE=3>
<HR NOSHADE WIDTH=300 SIZE=5>
※SIZE,WIDTHの単位はピクセル（１ピクセル=0.339mm)

●添字文字（上）を入れる
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
<SUP>コメントです</SUP>
</BODY>
</HTML>

※添字文字（下）の場合→　 <SUB>コメントです</SUB>

●コメント（注釈）を入れる
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
<!-- この文はコメントです -->
<!-- HR WIDTH=50% SIZE=2 -->
</BODY>
</HTML>

※コメント行はブラウザー上には表示されないので、修正履歴などを記入すると便利。
※ＨＴＭＬ文を一時的にコメント文にする使い方もある。

●スペシャルキャラクターを使う　【　<　>　&　"　】

<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
&lt;yokohama&gt;
&amp;yokohama&amp;
&quot;yokohama&quot;
</BODY>
</HTML>

●プレフォーマットで文を作る
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
<PRE>
aaa
bbb
cccc
dddd
</PRE>
</BODY>
</HTML>

●段差をつけた文を作る
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
<DL>
<DT>aaa
<DD>11111
<DT>bbb
<DD>22222
</DL>
</BODY>
</HTML>

●文字の背景に色をつける
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
<TABLE BORDER="0" CELLPADDING=4 CELLSPACING=2>
<TD COLSPAN=1 BGCOLOR="#00DD6F" ALIGN="CENTER">
<FONT FACE="COURIER"><A HREF="NNN.HTML">テスト</A></FONT>
</TD>
</TABLE>
</BODY>
</HTML>