■□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
中小企業経営者のための
「サルでもわかる」やさしいIT・情報システム用語解説
第 25 号（2005/10/4）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□■
こんにちは、インフォバリューの福島です。
今回は、「HTML」についてです。
■今日の用語■■■■■■■■■■■■■■■■■■■■■■■■■■■■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
HTML（Hyper Text Markup Language）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
□（>_<）小難しい定義 □□□□□□□□□□□□□□□□□□□□□□□
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SGMLから派生したWebページを記述するためにW3Cにより規定されたマークアッ
プ言語。タグを使用し、文章の論理構造や見栄えを記述する。HTMLファイル
はWebブラウザを通して閲覧することができる。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
□（^_^）やさしい解説 □□□□□□□□□□□□□□□□□□□□□□□
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━ 実際のHTML ━━━━━━━━━━━━━━━━━━━━━━━━━
HTMLは、前号で触れましたが、下記のようなものです。
-------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage
Builder Version 7.0.0.0 for Windows">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>インフォバリュー</TITLE>
<STYLE type="text/css">
・・・・・＜後略＞・・・・・
-------------------------------------------------------------------
お使いのブラウザ（→第２４号）がInternet Explorerでしたら、適当なホ
ームページを開いた後、「表示」メニューの中の「ソース」を選択すること
により確認することができます。
このままでは人間は直感的に理解できないため、ブラウザはこのHTMLを解釈
してWebページ（→第２３号）を見やすく表示してくれているのでしたね。
━━ 実際に作ってみよう ━━━━━━━━━━━━━━━━━━━━━
このようなHTMLですが、なんだか難しそうです。
しかし、そうでもないのです。習うより慣れよ、とにかくやってみましょう。
お使いのOS（※）がWindowsXPでしたら
[スタート]-[すべてのプログラム]-[アクセサリ]-[メモ帳]
を選択してください。
メモ帳を開いたら、下記のように記述て下さい。
<FONT SIZE=+3>大きい文字</FONT>
<FONT SIZE=-3>小さい文字</FONT>
記述したら、「test.htm」という名前で適当の場所に保存し、それをダブル
クリックしてください。
どうですか？大きな文字と小さな文字がブラウザ上に表示されませんでした
か？
━━ HTMLの構造 ━━━━━━━━━━━━━━━━━━━━━━━━━
<>の中身はタグと呼ばれるものです。ここでは「FONT」というタグを指定し
てます。「FONT」とは「文字の体裁」という意味です。さらに、そのFONTタ
グの要素として文字のサイズを指定してます。タグの終了はタグ名の前に
「/」をつけて閉じます。
つまり、ここでは、「FONT」タグの始まりから「/」がついた終わりまでの
囲まれた範囲で、「FONT」という「文字の体裁」を指定し、どんな体裁かと
いうと、サイズが普通より＋３大きいサイズと−３小さいサイズを指定した
わけです。
HTMLは基本的にこのような構造をとってます。
その他、文字の色を付けたり、他のページへ飛んだり、写真を挿入したりす
る手順も基本的にはこれと同じようにタグを使って記述します。
━━ 誰でも作れるHTML ━━━━━━━━━━━━━━━━━━━━━━
どうでしょうか、簡単ですよね？
え？難しいですか？
確かに、無数にあるタグの１つを紹介しただけで、とても誰でも気軽に作れ
るものではありません。
しかし、心配はありません。世の中にはタグのことを知らなくてもワープロ
感覚でWebページが作れるソフトがいっぱいあります。例えば「ホームペー
ジビルダー」が一番有名じゃないでしょうか。
いまや小学生ですらホームページ（→第２３号）を持ってますね。というこ
とは、それだけ簡単に誰でも作れるのです。小学生に作れて皆さんが作れな
いわけないですよね。
（※）次回は、「OS」について触れたいと思います。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■このメルマガは？■■■■■■■■■■■■■■■■■■■■■■■■■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
このメルマガでは、中小企業経営者の方々を想定して、IT・情報システム用
語をやさしく解説いたします。また、新人情報システム担当者、新人システ
ム・エンジニア、新人コンサルタント、学生の方々もお読み頂けます。
中小企業経営者の方々にとって、情報化は大きな問題でしょう。
しかし、「IT」等と言っても、よくわからない・・・。SCM、CRM、DSS、EC、
EDI、ERP、TCP/IP、SMTP、POP3等と、アルファベットの組み合わせがいっぱ
い出てきてわけわからない・・・。本当は、企業のトップとして旗振り役で
なければならないのに、若い奴らに任せている。
そんな、中小企業経営者の方々のために「少しでもお役に立てたら」という
思いで発行してます。
本メルマガは、「小難しい定義」と「やさしい解説」の２部構成です。
「小難しい定義」は、どこにでもありそうな、いわゆる用語説明です。
一方、「やさしい解説」は、小難しい表現（IT用語）を一切使わない解説で
す。また、「やさしい解説」中でやむなく使用したIT用語については、別の
号で別途解説していきます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■編集後記■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
バリ島で忌まわしいテロがまた起きましたね。
実は私は５年前の新婚旅行でバリ島に行きました。それはもう美しい海で心
が癒されました。時間とお金があったらまた行きたいと思ってます。
犠牲になった方も本当はそのように癒されていたはずなのに、一転して地獄
です。言葉もありません。ご冥福をお祈りします。
こんな人を不幸にするだけのテロなんて、もう２度と起きてほしくないもの
です。
では、また。
■□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
発行元：有限会社インフォバリュー
http://www.infovalue.co.jp/
発行者：代表取締役 福島雅規
melmaga@infovalue.co.jp
※ご意見、ご希望、ご相談等、お気軽にお寄せください
配信中止はこちら http://www.infovalue.co.jp/melmaga.htm
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□■
|
