『 HTMLタグを覚えましょう。 』
HTMLとは、ブラウザで画面表示させる際、色や文字の大きさ、レイアウトなどを指定したり、リンクさせたりするためのコマンドで文章中に埋め込みます。
これは一見面倒そうですが、実は視覚障害者にはとても便利な方法です。
画面の色や文字の大きさ、改行位置を文字だけでおおよそ指定できるからです。
HTMLタグは、本文が完成してから埋め込むようにしたほうがいいでしょう。後で本文の内容を修正するときなどタグが入っているとちょっと手間取ってしまうかもしれません。
(作成とチェック)
HTML文書がある程度できたら自分のパソコンでそれをチェックすることができます。あなたは音声を使ってホームページを閲覧することができているでしょうか、もしまだできていなかったら先にそれができるようにしておきましょう。 自分で作ったHTMLファイルを確認するときにも同じインターネットブラウザが起動するからです。
では、前のページで作成した 熊さんのファイルをサンプルにして、HTMLをひとつずつ覚えていきましょう。
index.htmは一番最後に説明します。
最初はKUMA.HTM です。
ファイル名:kuma.htm
上のようなのがHTMLのタグです。一見複雑そうですが、ある決まったルールにしたがってできています。
では、一つずつ説明します。
●<HTML>
上のサンプルを見ると、最初の行に<HTML>があり、最後の行に</HTML>があります。
このようにHTMLファイルの指定範囲は <HTML> と</HTML> ではさまれた範囲となります。
●<HEAD>
ページのヘッダーになります。
ここでは <TITLE>熊さんの俳句集</TITLE> となっています。
この行がブラウザのタイトルバーに表示されます。
</HEAD> で終了しておきます。
●<BODY>
</BODY> までの間が本文となります。
●<BR>
これは改行の指定です。これがないと、もとの本文で改行していてもブラウザで見ると改行されずに表示されてしまいます。
●<p>
この指定は、この行の上に一つ空行を入れる指定です、行が詰まってくると見づらいので文脈が変わるところに入れておくといいでしょう。
上で指定したタグはHTMLファイルには最低必須のタグです。同じ方法で、tabi.htmやmake.htmなど他のファイルにもタグをつけてみましょう。
とりあえずこれでブラウザで読むことができるようになりました。
しかしこれだけではあまりに寂しいので、背景や文字に色をつけたりすると、さらにホームページらしくなってきます。それらについては後述します。
◆次にindex.htmを作成します。
ファイル名: index.htm
さて、ちょっと複雑になりました。
基本的な部分は同じですが、本文がちょっと違います。
と