HTMLについて

HTMLについて ホームページ作成法

ＨＴＭＬとは？

ホームページを記述するための言語で，これを覚えるだけでホームページを作ることができます。
記述方法は，タグと呼ばれる<>でかこまれた半角英字の命令で文字列をかこむだけです。
そうすればその命令どおりにブラウザが表示してくれます。
もちろん単独で働くタグもあって，改行，背景色指定，入力ボタン作成など色々なことができます。

まず覚えるべきこと

はじめにページ記述の基本要素を覚えて下さい。
<HTML>
<HEAD>
<TITLE>Yakushima-Tonbo　Page<⁄TITLE>
<⁄HEAD>
本文
<⁄HTML>
<HTML>は以下がＨＴＭＬ形式の文書であることをブラウザに教えます。 <⁄HTML> とあるのが終端で，これでかこまれた部分にタグや文字列を書き込みます。
ここで終端が<⁄>となっていますが，ペアで使われるタグはこのように　 ⁄　を付けたものになります。
<HEAD>にはその文書に関する情報をかこみます。 <META>，JavaScript,StyleSheet などはこのなかに書き込みます。終端は<⁄HEAD>
<TITLE>はブラウザのタイトルバーにかこまれた文字列を表示します。主にそのページを表す言葉，メッセージ，ページの名前などを書いておきます。終端は<⁄TITLE>
ここで文字列は全角でもいいのですが，タグはかならず半角で打ち込みます。
それと半角のカタカナは使用しないほうがいいようです。文字化けする可能性があります。
またタグは小文字でも大文字でもいいです。

実際に見てみる

では実際に上の要素をメモ帳（Windowsについている）, フリーで提供している TeraPad などに記述してみて下さい。
ブラウザのタイトルバーと，本文を書いている場合はその文字列だけが表示されたと思います。しかしこれだけでは背景が白いままなので，背景色を指定するタグをつけたします。
<BODY　BGCOLOR＝”＃C4DA25”>
上のタグを<⁄HEAD>，本文の間に書き込みます。 <BODY> タグはオプションを持っていて，上の場合は背景色を指定する　BGCOLOR　がそれです。
他には　BACKGROUND（背景画像ファイル指定），TEXT（通常のテキスト色）， LINK（未読リンク色）， ALINK（選択時のリンク色），VLINK（既読リンク色）　などがあります。
オプションの設定には　＝　を使います。色の指定はＲＧＢで１６進数で指定します。
ＲＧＢというのは　Red，Green，Blue　のことでそれぞれの色の要素を１６進で表しているのですが，上の例だと　C4　がRed，　DA　がGreen，　25　がBlue　になります。
１６進数というのは１６まで数えたら位をあがるというもので，９以上はＡ，Ｂ，Ｃ，Ｄ，Ｅ，Ｆで表します。
よく分からない方は単純に，００からＦＦまでの好きな英数字で００に近いほど暗く，ＦＦに近いほど明るくなると考えればいいでしょう。
そのほか色の名前でも指定できます。ｗｈｉｔｅ，ｂｌａｃｋ，ｓｋｙｂｌｕｅなど。

おもなタグのまとめ

以下によく使われるタグをまとめておきます。
<A　HREF ＝”ＵＲＬ”>文字 <⁄Ａ>　・・・文字をクリックするとＵＲＬに飛ぶ。リンク。
<HR>　・・・横に直線を引く。
<BR>　・・・改行する。
<P>　　・・・段落をつくる。
<FONT>　・・・テキストに関する指定を行う。終端は<⁄FONT>
　　　　　　　　　オプションで，
　　　　　　　　　COLOR（文字色），
　　　　　　　　　SIZE （文字の大きさ），
　　　　　　　　　FACE （フォント種指定）などを行う。
　　　　　　　　　SIZE 指定は１～７，
　　　　　　　　　FACE指定はフォント名（ＭＳ明朝など）。
<Hn>　・・・文字の大きさ指定。ｎの部分は１～６。
<IMG　SRC ＝”ファイル名ｏｒファイルのＵＲＬ” >　・・・画像を表示します。
<DIV　ALIGN ＝”位置”>　・・・位置の部分にLEFT, CENTER, RIGHTを記入。かこまれた部分を指定場所に表示。
終端は<⁄DIV>

■戻る■Top(Alt+B)