基本的なHTML
HTML初心者のために使い方を右側に書いておきます。青が重要タグ、これは必ず始めか最後に使わないといけません。<>〜</>みたいな感じで使ってください。わからない人は応用編の最後に書いてある例題を試してください。
次に緑が自分で好きなようにファイル名を入れたり、色のコードを入れてください。赤が実行タグです。これが間違っているとうまく表示されません。とはいえ、すべてのタグが間違ってはいけませんけどね。（笑）
| ドキュメントタイプを宣言する | <!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML
4.01 Transitional//EN" "http://www.w3.org/TR/REC-html4/loose.dtd> |
| <!DOCTYPE> |
これは、自分の使っているHTMLのバージョンを宣言するためのものです。緑で書いたところは下のアドレスで調べてください。
| ドキュメントの構造を定義する | <HTML> <HEAD> タイトルや個人情報などを入れます </HEAD> <BODY> 実際にホームページで表示される内容 </BODY> </HTML> |
| <HTML>〜</HTML> <HEAD>〜</HEAD> <BODY>〜</BODY> |
ドキュメントタイプを宣言した後に使ってください。あと、見ているとわかると思いますが、青の文字の意味をここで覚えてくださいね。基本的に今から覚えていく情報は<BODY>〜</BODY>の間に入れます。そうすることによって、HP上で色々な変化があります。
| タイトルをつけたい | <HEAD> <TITLE>お好きなタイトルをつけて</TITLE> </HEAD> |
| <TITLE>〜</TITLE> |
これはブラウザ−の左上の方にタイトルがついているのはご存知ですか？ それを付けることができるタグです。付けておいたほうが目立っていい感じになります。
| 背景色を指定したい | <BODY BGCOLOR="red"> </BODY> |
| <BODY BGCOLOR="色">〜</BODY> |
ここで、さきほどの<BODY>がでてきました。普段は<BODY>を書き終える前に一緒に付けておくと思います。別物ではないので混乱しないで下さいね。色がわからない人はメニューで見てください。これでホームページに色がつきました。
| 背景に画像を使いたい | <BODY BACKGROUND="sora1.gif"> </BODY> |
| <BODY BACKGROUND="画像ファイル">〜</BODY> |
これも注意点は背景色と同じです。しかし、ファイルですからあまりに重いものは使わないほうがいいです。
| 背景画像を固定したい | 画像を入れたときにまとめて入れると楽です。 |
| <BODY BACKGROUND="画像ファイル" BGPROPERTIES="FIXED">〜</BODY> |
これだけで、スクロールしても画像が動かなくなります。
| テキストに色をつけたい | <BODY BGCOLOR="silver" TEXT="#ff0000" LINK="fushca"
ALINK="green" VLINK="#0000ff"> </BODY> |
| <BODY TEXT="色">〜</BODY>
標準テキスト <BODY LIKE="色">〜</BODY> リンク設定部分 <BODY ALINK="色">〜</BODY> 読み込み中のリンク <BODY VLINK="色">〜</BODY> 訪問済みのリンク |
同じように<BODY>のタグの中に、こんなに入れても大丈夫なんですよ。つまり、画像のときもどうすればいいかわかりますよね？
| 見出しを設定したい | <P> <H1>タイトルをつけてね。</H> </P> |
| <H1〜６>〜</H> １から６間での数字を入れる １が最大、６が最小 |
ここで、初めて出てきたタグの紹介です。<P>〜</P>この間に文章を入れるとそのままの表示でブラウザに表示されます。つまり、今表示されている、この文字は<P>〜</P>の間に登録されている文字なのです。HTMLタグを使うときは必ず</P>を入力してからにしましょう。
| 改行系 | 文章を改行したいときには<BR> <NOBR>文章を入れる</NOBR> |
| <BR> 改行する <NOBR>〜</NOBR> この間は改行しません |
特に注意点はありません。色々と試してみましょう。
| 見出しの位置を指名したい | <H1 ALIGN="center">見出しの設定の後にでも入れてください</H> |
| <H１〜６ ALIGN="★">〜</H> ★は「left」「center」「right」のいずれかを入力 |
使い方はわかりますよね？
| テキストの色を部分的に変えたい | <BODY> <FONT COLOR="#c0c0c0">文字を入れて</FONT> </BODY> |
| <FONT COLOR="色">〜</FONT> |
これを覚えれば，メインページぐらいは作れると思います。ここまでの知識を生かしてメインのページを作ってみましょう。！！
| フォントサイズの変更 | <FONT SIZE="3">標準的な大きさです</FONT> |
| <FONT SIZE="１〜７">〜</FONT> |
１が最小で ７が最大になっています。 標準は３です。上にあった見出しを変えるとは違いますので注意してください。見出しとはタイトルの事です。
| フォントスタイルを指名したい | <B>こんな感じになります。</B> |
| <B>〜</B>太文字 <I>〜</I>斜体 <STRIKE>〜</STRIKE>抹消線 <TT>〜</TT>同じ幅 <U>〜</U>下線 |
「太文字、斜体、抹消線、同じ幅、下線」このようになります。
| フォントの種類を指定したい | 星に使用するフォントの種類を入れて下さい |
| <FONT FACE="★,★"> |
フォントの種類を調べるには、メールソフトなどをお使い下さい。また、指定できないフォントの種類だったときは現在のフォントで表示されます。
