HTMLの基本テクニックHTMLの基本テクニック文書を章や段落で構成させる場合には、次のように記述します。
<HTML>
<HEAD>
<TITLE>ホームページの練習</TITLE>
</HEAD>
<BODY>
<H1>第一章 入門編</H1>
<H2>1.1 ブラウザとは</H2>
<P>
ブラウザとは本をパラパラ・・・
</P>
<H2>1.2 HTMLとは</H2>
<P>
HTMLとはHyperText Markup Languageの略で・・・
</P>
</BODY>
</HTML>これをブラウザで表示させると次のようになります。
第一章 入門編 1.1 ブラウザとは
ブラウザとは本をパラパラ・・・
1.2 HTMLとは
HTMLとはHyperText Markup Languageの略で・・・
<H1>〜</H1>で囲まれた部分が章の表題を表わします。数字は表題のレベルで、1〜6まで指定できます。
<P>は paragraph の略で、各段落の始まりを表わします。段落の終わりには </P> をつけますが、省略することもできます。
太字にするには<B>〜</B>を用います。
↓
テキストの一部分を<B>太字</B>にします。
テキストの一部分を太字にします。
斜体文字にするには<I>〜</I>を用います。
↓
テキストの一部分を<I>斜体文字</I>にします。
テキストの一部分を斜体文字にします。
フォントの大きさは<FONT SIZE=...>〜</FONT>で指定します。サイズには1〜7の値を指定できます。SIZE="+2"のような相対値を指定することもできます。
↓
テキストの一部分を<FONT SIZE=5>大きな文字</FONT>にします。
テキストの一部分を大きな文字にします。 最近のブラウザでは<FONT SIZE="+1">の代わりに、<BIG>〜</BIG>や<SMALL>〜</SMALL>を用いることもできます。
もっと大きなフォントは、スタイルシートという機能を用いて指定することが可能ですが、IE3.0以降、NN4.0以降でしかサポートされていませんので注意が必要です。
フォントの色は<FONT COLOR=...>〜</FONT>で指定します。 指定できる色については「とほほの色入門・色見本」を参照してください。
↓
テキストの一部分を<FONT COLOR=red>赤い文字</FONT>にします。
テキストの一部分を赤い文字にします。
フォントを変更するには<FONT FACE=...>〜</FONT>を用います。しかし、Internet Explorerでは正常に指定できますが、Netscape Navigatorの日本語版では、正常に機能しないようです。
↓
テキストの一部分を<FONT FACE="ＭＳ 明朝">ＭＳ 明朝</FONT>にします。
テキストの一部分をＭＳ 明朝にします。
HTML文書のテキストの改行は通常、ひとつの空白文字に変換されてしまいます。自分の好きな位置で改行するには<BR>を用います。
↓
テキストのここで<BR>改行します。
テキストのここで
改行します。
リスト書きするには<UL>〜</UL>や、<OL>〜</OL>を用います。
↓
<UL>
<LI>あいうえお
<LI>かきくけこ
</UL>
<OL>
<LI>さしすせそ
<LI>たちつてと
</OL>
- あいうえお
- かきくけこ
- さしすせそ
- たちつてと
テーブルには<TABLE>〜</TABLE>を用います。<TR>〜</TR>が各行、<TD>〜</TD>や<TH>〜</TH>が各項目を示します。
↓
<TABLE BORDER=1>
<TR><TD>●●</TD><TD>▲▲</TD><TD>■■</TD></TR>
<TR><TD>○○</TD><TD>△△</TD><TD>□□</TD></TR>
</TABLE>
●● ▲▲ ■■ ○○ △△ □□
リンクを張るには<A>〜</A>を用います。たとえば、このページから wwwbeg.htm にリンクを張るには、次のように記述します。
↓
<A HREF="wwwbeg.htm">ジャンプ!!</A>
ジャンプ!!