東京都正札シール印刷協同組合青年部

１２月勉強会

１２月１０日、今日は忘年会の日ではありますが、その前に少し勉強会をしたいとの要望がありましたのでＰＭ６：００〜７：３０まで勉強会をＰＭ８：００からの忘年会の前にやる事になりました。

テーマは「青年部の今後とＨＴＭＬタグの基礎知識」と題して、前々回から続く青年部のネット化およびＰＲ活動の経過報告や今後の活動の協議と、前回決定した「青年部の部員全員がホームページを作れる様になる」活動の第１弾としてＨＴＭＬタグの勉強会パート１を行ないました。

今回の幹事は私こと部長の伊藤です。
日頃から青年部や自社のホームページを作っていて感じた事がありました。

作成ソフトを利用すれば誰でも簡単に作れますが、始めの内は自分が思い描いた通りには中々できません。
そこで、少しでもＨＴＭＬタグを理解していると表現可能な範囲で自由自在に作れる様になれると思います。

ＨＴＭＬとはテキストのレイアウトや表現方法、イメージの表示などを<　>と</>で囲んだタグいう記号を使って指定する言語です。
この時に使われるタグの事をＨＴＭＬタグと呼んでいるのです。
イメージなどはＨＴＭＬ文書ファイルとは別のファイルとして用意し、ＨＴＭＬタグで文書の中に表示する指定をしておくのです。

基本的に半角英文字を使い大文字小文字の区別はありません。
しかし、ＵＲＬでは判別しているのでリンクを書き込む時には注意が必要になります。

ＨＴＭＬには、Ｗ３Ｃ（Ｗｏｒｌｄ　Ｗｉｄｅ　Ｃｏｎｓｏｒｔｉｕｍ）が提唱する公的な物とＭｉｃｒｏｓｏｆｔ社やＮｅｔｓｃａｐｅ社が推奨する独自規格があります。
また、仕様にはあってもブラウザがサポートしていないタグがあったり、逆にＩｎｔｅｒｎｅｔ　ＥｘｐｌｏｒｅｒあるいはＮｅｔｓｃａｐｅ　Ｎａｖｉｇａｔｅｒだけでしかサポートしていない独自の拡張タグもあります。
ホームページエディタや作成ソフトにも限界があり、全てのＨＴＭＬタグに対応している訳では有りません。
このようにブラウザの対応がまちまちである事がホームページ製作者の頭を悩ます要因になっているのです。

またＨＴＭＬには下表のような進化の歴史があります。

ＨＴＭＬタグの基本的な構造は目的を指定する範囲のテキストを開始タグ<★>と終了タグ</★>で囲む訳ですが、タグが複数になるとその数だけのタグで囲まなければなりません。

その際には、
<◎><○><●><☆><★>テキスト</★></☆></●></○></◎>
という、必ず１つのタグの外側を別のタグで挟む形になります。
この時の開始タグと終了タグの並び方の順序が正しくないと構文エラーになり情報の一部が失われる可能性が発生します。

正しい順序とは、前述の図のようにテキストを中心に内側から均等に挟んで囲む形です。
挟む形がサンドウィッチに似ている事から「ＨＴＭＬタグのサンドウィッチ構造」と勝手に名付けました。

余談になりますが(有)八宝シ−ルの清水くん（画面左）も御試しソフトを使ってホームページを作ったようです。
ＨＴＭＬタグをある程度理解していました。

実際にＨＴＭＬタグがＷＷＷページでどのように反映されているかを紹介する為に当社のホームページのソースをプリントアウトした物を用意し、これを元に大方のタグの説明をしました。

本日紹介したＨＴＭＬタグは表２にまとめてあります。
しかしながら全体的に見て、やはりまったくの初心者の方々には飲み込みが難しかった様でした。
次回の勉強会では実際に作成ソフトを使いながらＨＴＭＬタグを理解して頂こうと思っています。

＜ＢＡＣＫ＞