HTML基本タグ一覧

htmltags.doc
(1)HTML のソースファイルの基本構成
<HTML>
<HEAD>
<!--ドキュメントについての情報-->
<TITLE> タイトル文字列 </TITLE>
</HEAD>
<BODY>
<!--ドキュメント本文-->
</BODY>
</HTML>
(2)<HEAD>タグ間で使うタグ
<TITLE> ~ </TITLE>
<BASE>
<LINK>
<ISINDEX>
<META> ★文字コード指定時に使用するタグ!!
<SCRIPT> ★Javascript などのプログラムをこのタグ内に記述
(3)HTML の基本書式(文法)
<TAG> ~ </TAG>
「~」の部分のテキストが<TAG>の対象となる。
例)
ヘッダー部分
<TITLE> タイトルとして表示する文字列 </TITLE>
ボディ部分
<BODY BACKGROUND="背景ファイル名"> 本文全て </BODY>
<BODY BGCOLOR="色(数値または名前)"> 本文全て </BODY>
<B> あいうえお </B> あいうえお
太字(Bold)
斜体字(Italic)
<I> あいうえお </I> あいうえお
<CENTER> あいうえお </CENTER> センタリング
<FONT SIZE="5"> あいうえお </FONT>
<FONT COLOR="色(数値または名前)"> あいうえお </FONT>
文字の大きさ( 1-7)
文字の色
<IMG SRC="画像ファイル名">
画像の貼り付け
<IMG SRC="画像ファイル名" align="top"> 画像の上と文字列の上揃え
<IMG SRC="画像ファイル名" align="left"> 画像を左に文字列を右に
<BR>
<HR>
<HR WIDTH="◇%">
改行
横線
画面に対する線の長さの割合
<P> あいうえお </P>
段落
<P ALIGN="right"> あいうえお </P>
右寄せ(left 左、center 中央)
-1-
(middle, bottom も可)
(right も可)
htmltags.doc
★リンク
<A HREF = "リンク先ファイル名"> リンクをはる文字列やイメージ </A>
<A HREF = "homefile.html"> ホームページ </A>へ戻る
<A HREF = "homefile.html"><IMG SRC = "gohome.gif"></A>
(3)その他の表記法
アクセント付き文字などを ASCII コード内で指定する方法。(ただし表示の設定が日本語文字コード sjis
などになっていると表示できない。表示を iso latin 1(iso 8859-1)等に設定する必要。)
日本語以外の文字コードで保存できる PC では、当該言語専用の文字コード(iso8859-1 など)でファイ
ルを作ってそのコードで保存、または Unicode でファイルを作って(多言語混在の場合)unicode で保存
が可能。この場合、HTML のヘッダに使用文字コードを指定しておく。
&Aacute;
&Agrave;
&Auml;
&aacute;
&agrave;
&uml;
&ccedil;
&ntilde;
&iexcl;
&iquest;
Á
À
Ä
á
à
ä
ç
ñ
¡
¿
(4)テーブル(表)作成の基本タグ (サンプルページ参照!)
<TABLE>
<TR><TD>データ 1 つ目</TD><TD>データ 2 つ目</TD></TR>
<TR><TD>データ 1 つ目</TD><TD>データ 2 つ目</TD></TR>
....
</TABLE>
1 行目
2 行目
...
背景色指定の場合
<TD BGCOLOR="色">
-2-