以下のリストはHTMLタグ・メモです。ネット上にはたくさんの親切な解説があるのですが、どうも分量が多いので、できるだけコンパクトにしました。
- ホームページを作成しているときに、画面の隅にこのリストを表示しておきます。必要なタグはコピー・ペーストでワードパットに持ってきます。少し手間が省けます。
- このホームページを作成する場合に当たっては、解説本などは一切買わず、WEB上の解説を参考にしました。なかでも、定番リンク300 URL さんのホームページ作成の欄は重宝しました。残念ながらこのページはもうありません。
- また、いとこのケンちゃんに世話になりました。インターネット初心者の時に、また、うちのホームページを頻繁に見て、いろいろとアドバイスをくれました。彼のホームページソフトページもよろしく。
パラグラフの指定(改行し、1行入れる)
<P> *** </P>
空行のスペースを入れる
<BR><BR><BR>
リスト表示(階層を重ねることができる)
番号なし
<UL>
<LI>
<LI>
</UL>
番号ありの場合は<OL>とする。また、OL type="A"とすると、A.B.C.のリストとなる。
横線を入れる
<HR>
定義型のリスト表示
<DL>
<DT>定義される文
<DD>定義の内容
</DL>
改行の指示
<BR>
マーカーを文章中に設定
<a name="マーカーの名前">コメント</A>
マーカーへジャンプ
<A HREF="#マーカー">コメント</A>
ほかのページへジャンプ
<A HREF="FILE.HTML">コメント</A>
ディレクトリの相対参照の仕方
- ディレクトリの区切り・・・ /
- 上から ../../../directory/directory/file#マーカー
ほかのホームページへジャンプ
<A HREF="URL">コメント</A>
絵を入れる
<IMG SRC="イメージ.GIF">
ファイル名に全角文字を使うとエクスプローラーでは表示されない。
-
- 絵に枠をつける属性
- Border=2 (2は枠の幅。単位はピクセル)
-
- 絵の配置を決める属性
- Align="left/right""top/middle/bottom"
- このタグの後の文章が絵のright/leftもしくはtop/middle/bottomにきます。
- <BR CLEAR="all">が入ると次の文章は画像の下に来ます。
HTMLの宣言
<HTML>
</HTML>
全体の設定
<HEAD>・・</HEAD>
文字コードの指定(文字化け対策)
<meta http-equiv="content-type" charset="UTF-8">
本体の宣言
<BODY>・・</BODY>
バックグラウンドカラーの指定
<BODY BGCOLOR="色の名前">
<BODY BGCOLOR="#000000">
バックグラウンドイラストの指定
<BODY BACKGROUND="FILE.GIF">
メールアドレスを表示する
<A HREF="MAILTO:メールアドレス">コメント</A>
見出し文(1から6まである。数字が大きい方が階層が上)
<H1>・・</H1>
フォントのサイズを変える(1から7まである。数字が大きい方が大きな文字)
<FONT SIZE="1">・・</FONT>
文字に色を付ける
<FONT COLOR="色の名前">--</FONT>
色の名前
Navy
Blue
DarkGreen
Green
Indigo
Maroon
Purple
FireBrick
Red
DeepPink
OrangeRed
Gold
DimGray
下付き文字を表示する
<SUB<
上付き文字を表示する
<SUP<
イタリック体
<I>・・</I>
太い文字
<B>・・</B>
下線
<U>・・</U>
特殊文字(<、>、"、&)の半角はHTMLでは特別な意味を持つために表示方法が違います。
単純な表(3x4)
<Table Border="5">
<TR>
<TD> 11</TD>
<TD> 12</TD>
<TD> 13</TD>
<TD> 14</TD>
</TR>
<TR>
<TD> 21</TD>
<TD> 22</TD>
<TD> 23</TD>
<TD> 24</TD>
</TR>
<TR>
<TD> 31</TD>
<TD> 32</TD>
<TD> 33</TD>
<TD> 34</TD>
</TR>
</Table>
表タグの解説
<Table Border="5" Cellpadding="2" Cellspacing="3" > *** </Table>
Border="5";枠線の幅
Cellpadding="2";枠とセル内容の間隔
Cellspacing="3";各セルの間隔
Bgcolor="#0000";背景色
width="100%";表の幅。ウインドウの幅に対する割合で決める。TDでも使える。たとえば、2段組にしたいときなど
<TR Align="center" > ・・</TR>
Align="center";セルの中央に
TR;このタグの間のものを横に並べる
<TD > ・・</TD>
TD;このタグの間がセルの内容
Hight="60";セルの高さ
Colspan="5";横の5つのセルを結合
Rowspan="3";縦の3つのセルを結合
<TH> ・・</TH>
TH;セルの内容を太字にし中央へ。タイトルなど
ホームページへ戻る