
HTMLは、HyperText Markup Language(ハイパーテキスト・マークアップ・ランゲージ)の略で、インターネットのホームページを作るために使われている約束事の集まりです。言い換えればブラウザ(Internet
ExplorerとかNetScape Navigatorなど)に理解・実行させるためのプログラム言語の一種です。
HTMLはで囲んだ部分をの中で指定したとおりに表示させます。
たとえば、このページでマウスを右クリックするとがたくさん表示されますよね。
楽天で画像を登録すると、「この画像を表示するHTML」はというメッセージが表示されます。
<img src="xxxxxx.xxx hight="nn" width"nn" alt="★">というのが画像の場所を指定してそこから読み込みなさいという命令なのです。
HTMLはメモ帳などのエディタをつかって手書きで書くことができます。
楽天のHelpにあるようなタグは書いたことのある人が多いのではないでしょうか。
Microsoft Wordのようなワープロソフトでも、HTML形式で保存というファイル保存を選択すると自動的にタグをつけてくれます。
ただ複雑なことをしようとおもったら、やはりある程度のHTMLの知識は必要。
それは面倒くさい!!と思う方はAuthoring Softと呼ばれるHTMLエディタを利用されるといいでしょう。
これはワープロを使って文章を書いたり、表を作ったりするのと同じような感覚でタグが挿入された文書を作ることが
できる便利なソフトです。有名ドコロではMicrosoft FrontPageやMacroMediaのDreamWeaverがあります。
ちなみに私は後者を使っています。
最初に書いたように、ブラウザに表示させるための言語ですから、実際にはアクセスする人のブラウザ環境によって
表示される見た目が若干変わってしまうというのはよくあること。
たとえば色やフォントを指定すると、そのページを閲覧しようとした人のパソコンがそれらをサポートしていないと
表示されたものは見た目が変わってしまいます。
HTMLの書き方については専門書がたくさん出ていますので、タグの解説本を読んで実際に試してみるのが
手っ取りばやいと思いますが、あまりかかれていないヒントを二つだけ、ここに書いておきます。
文字などの色の指定について
WWWセーフカラーという不文律があります。HTMLで色を指定するときには、基本色の色味の強さを数値とFやCという文字で指定します。たとえば白はFFFFFFとなり、赤はFF0033といった具合です。このとき、一般的にどのブラウザでも表示できる安全な色と言われているのが、0もしくは奇数値で指定された色だとされています。
文字のサイズについて
ブラウザで指定しているフォントのサイズは人それぞれ違います。ちょっと強調したい場合などは
でくくるなど、ほかの字のサイズとの相対比で指定するのがお勧めです。
画像のAlt指定について
画像は読み込むのに時間のかかる環境の人も多く、表示しない設定にしている人もいます。
詳しくは画像のページに書きますがAltは画像の代わりに表示するテキストを指定するもので、必ず指定するのがHTMLのルールです。どうしても表示したくない場合はAlt=""とダブルクオートだけ指定すれば表示されません。
これは微調整をするために空白の画像を配置したり、線を配置した時などに有効です。
![]()
![]()
![]()