HTMLの基礎の基礎をご説明します


ホームページはHTMLと呼ばれる言語で表現されています。これにより、画像を呼び出したり、文字の大きさを指定したり、表組を表示したりします。このHTMLを記述するためには、タグを呼ばれる表示を指定する記号(文字)を覚える必要があります。完全に記憶しなくても、このタグ辞典を見ながらでも作れます。

さてタグと呼ばれるものには2つの種類があります。改行を指示する<BR>のようにそれだけで機能するもの。もうひとつは<CENTER></CENTER>のように、始まりの<CENTER>の部分と終りの</CENTER>の部分で囲まれた箇所だけが機能するものがあります。



ではまずはじめに、今から作成するホームページのファイルがHTMLであることを定義しなければいけません。下記のタグを各々ファイルの最初と最後に書きます。
<HTML>

</HTML>
次に上記のタグの囲まれた中に、ヘッダー(タイトル)と本文であることを記します。
<HTML>
<HEAD>
 <TITLE>タイトル名を書く部分です</TITLE>
</HEAD>

<BODY>

 本文を書く部分です

</BODY>
</HTML>
では実際に、表示を制御する代表的なタグを取り上げます。



センター揃え
ソース ブラウザでの表示
 
<CENTER>見出しなどに使えます</CENTER>
 
見出しなどに使えます



改行
ソース ブラウザでの表示
 
ここで<BR>改行します
 
ここで
改行します



表組
ソース ブラウザでの表示
 
<TABLE BORDER="1">
<TR>
<TH>赤組</TH><TH>白組</TH>
<TR>
<TD>1</TD><TD>2</TD>
</TR>
<TR>
<TD>3</TD><TD>4</TD>
</TR>
</TABLE>
 
赤組 白組
1 2
3 4



リスト
ソース ブラウザでの表示
 
<UL>
<LI>まずひとつ目は
<LI>そしてふたつ目は
<LI>またまたみっつ目は
</UL>
 
  • まずひとつ目は
  • そしてふたつ目は
  • またまたみっつ目は



フォントのサイズ
ソース ブラウザでの表示
 
<FONT SIZE="1">1</FONT>
<FONT SIZE="2">2</FONT>
<FONT SIZE="3">3</FONT>
<FONT SIZE="4">4</FONT>
<FONT SIZE="5">5</FONT>
<FONT SIZE="6">6</FONT>
<FONT SIZE="7">7</FONT>
 
1 2 3 4 5 6 7



フォントの色
ソース ブラウザでの表示
 
<FONT COLOR="#FFFFFF">白</FONT>
<FONT COLOR="#000000">黒</FONT>
<FONT COLOR="#FF0000">赤</FONT>
<FONT COLOR="#00FF00">緑</FONT>
<FONT COLOR="#0000FF">青</FONT>
<FONT COLOR="#FFFF00">黄</FONT>
<FONT COLOR="#FF00FF">紫</FONT>
 



その他フォントの装飾
ソース ブラウザでの表示
 
<B>太字</B>
<I>斜体</I>
 
太字 斜体



仕切線
ソース ブラウザでの表示
 
<HR>
<HR NOSHADE>
<HR WIDTH="50%">
 






リンク
ソース ブラウザでの表示
 
ここを<A HREF="homepage.html">クリック</A>してください
 
ここをクリックしてください



画像の表示
ソース ブラウザでの表示
 
<IMG SRC="bosyu.gif">
 

ここに紹介しましたタグは、基本的なものの極一部です。これらでも充分作成できます。