ＨＴＭＬタグって何？

ＨＴＭＬタグってどんなものでしょうか？

そして、どのようなことができるのでしょうか？

ＨＴＭＬでは、＜u＞みたいに書式を表すキーワード
を＜と＞でくくっているタグと呼ばれる記号で書式を
指定しています。

機能別に分けると次のようになります。
↓↓
①文字の見栄えを変える
　　　太字、斜体、下線、文字の大きさ

②文書の構造を作る
　　　見出し、改行、段落分け、横罫線等

③箇条書きを作る
　　　箇条書き、連番つき箇条書き等

④表を作る

⑤リンクを張る

⑥画像を貼り付ける

⑦音声、動画など、外部からファイルを呼び出す

⑧ページの付加情報を入力する
　　　タイトル、作者名、連絡先等


ざっとこんな感じでしょうか。


タグの書式は2種類に分けられます。

1つは開始タグ＜と閉じタグ＞で囲まれた範囲に機能
するタグです。

2つ目は閉じタグがないタグです。

たとえば改行のように、ある点だけで機能すればよい
タグの書式ですね。

タグにもいろいろありますね。

復習 ＨＴＭＬとは何？

最初のほうで学習したことを忘れないように、もう一度
おさらいしておこうと思います。

ＨＴＭＬとは、Webサイトや携帯電話サイトのページを
作るための言語ということでした。

ＨＴＭＬで作ったページは、Webブラウザでみるとパソ
コンの機種が違っていても同じように見えます。

ブラウザの違いによって表示が一部違ったりするなど
細かい点で違ったりすることはありますが、全体的な
見栄えが大きく変わることはないようです。

ＨＴＭＬの最新バージョン4.01は、次の3種類に分けて
考える必要があります。
↓↓
①ＨＴＭＬ4.01だけに準拠したもので、最新型とよばれて
　います。
②ＨＴＭＬ4.01に加えて、過去のＨＴＭＬ仕様も含んだ
　ＨＴＭＬで、新旧の書式が混在したものです。
　また、移行型と呼ばれる過渡的なＨＴＭＬスタイル
　です。
③非推奨仕様で、フレームと呼ばれる画面を分割する
　機能まで含んだＨＴＭＬで、移行型フレーム対応版と
　呼ばれています。
　書籍によれば、使用は避けたい形式だということです。


ＨＴＭＬとして推奨される仕様は、書式の指定にスタイル
シートを使用するものです。

ＨＴＭＬ4.0以前は個々の書式をタグで指定していたので
変更するのに大変な時間が掛かっていましたが、ＨＴＭＬ
4.0以降は書式をスタイルシートで指定することでページ
の統一・管理・メンテが向上しているそうです。

ＵＲＬとは何ですか？

ＵＲＬの仕組みについて学習したことを紹介します。

ＵＲＬという長い記号、これはどういう仕組みになって
いるのでしょう？


ＵＲＬとは、目的のWebサイトがどこにあるかを表す
現実社会での「住所」にあたります。

httpはプロトコル名をあらわすもので、http以下の
記号がＵＲＬです。

そしてそのＵＲＬがWebサイトであることを表して
います。

ここで、プロトコルという言葉の意味について調べて
みたのでご紹介しておきますね。

プロトコルとは、
↓↓
ネットワークを介してコンピュータ同士が通信を行なう上で
相互に決められた約束事の集合。

通信手順、通信規約などと呼ばれることもある。

英語しか使えない人と日本語しか使えない人では会話が
できないように、対応しているプロトコルが異なると通信
することができない。

人間同士が意思疎通を行なう場合に、どの言語を使うか
(日本語か英語か)、どんな媒体を使って伝達するか
(電話か手紙か)、というように2つの階層に分けて考える
ことができるが、コンピュータ通信においても、プロトコルの
役割を複数の階層に分けて考える。


ざっとこんな感じです。

ＨＴＭＬで文字以外にできること

ＨＴＭＬは箇条書きや表を配置したり、画像を貼り付け
たり動画の設置もできちゃいますね。とっても便利です。

また、リンクを設置することもできます。

リンクは、文字や画像に、ＵＲＬを参照してその場所を
呼び出す機能をつけるものです。

Webページなどで、クリックする色つきの文字が表示
されたり、画像が表示されたり、別のページが表示
されたりするのがリンクです。

リンクでページ中に表示できるものとしては、音声や
動画、画像にＦＬＡＳＨといったファイルがあります。

ＨＴＭＬや画像などはブラウザが表示するのですが
そのブラウザで表示できないファイルが指定されて
いるときには、ブラウザから対応するアプリケーション
が呼び出されて表示や再生をする仕組みになって
います。

スタイルシートの機能

ＨＴＭＬの現在のバージョン4.01にはスタイルシート
と呼ばれる機能があります。

どんな機能かといいますと、スタイルシートはタグに
属性や属性値を追加して書式を調整するのではなく
タグに割り当てられている書式自体を調整できると
いうことです。

分かったような分からないような感じですが...。

つまり、タグ単位でまとめて調整できるので、書式を
まとめて変更するのが簡単になるということですね。

加えて、スタイルシートでなければ利用できない書式
もあります。

スタイルシートは書式の指定を＜head＞タグ内と
＜head＞タグ内から呼び出した外部のスタイルシート
ファイル内、それに個々のタグの3箇所でできます。

スタイルシートを使わない場合の書式の変更では
個々のタグでそれぞれの変更を指定しなければ
なりませんので、大変な手間ひまがかかるわけ
ですね。

この辺を考えると、スタイルシートはとっても便利な
ものだということが理解できます。

ＨＴＭＬで出来ることとは？

ＨＴＭＬは文章だけでなく表、画像、音声、動画を
扱えるほか、リンクを設定できます。

どんなメディアでも同時に使えるんですね。

インターネットを使うことでいろんな情報を他人と
共有できるのがＨＴＭＬの利点だと思います。


前にも書きましたが、ＨＴＭＬの内容はテキストで
書かれています。

見出しや文章、リンクや表などすべてテキストで
作られています。

動画や音声、画像なんかは外部から呼び出して
ページに表示します。

外部から呼び出せるファイルにもいくつかあります。

プラグインと呼ばれる拡張プログラムを使用すること
で呼び出せるようになるものもあります。

また、ＨＴＭＬでは、タグを使って全体の構造も書き
ます。

ＨＴＭＬの構造は決まっていて、ページを紹介する
情報を書くヘッダ部分と、ブラウザ画面に表示する
内容を書く本文部分の2つに分けられています。

このほかに、ヘッダ部分や本文部分とは別に
ファイルの最初の部分にＨＴＭＬのバージョン情報を
書きます。

なかなか奥が深いですね＾＾。

文字コードとは何ですか？

Webサイトの文字がわけの分からない記号になって
しまう文字化けは、ブラウザがWebサイトで使われて
いる文字コードを正しく認識できなかったことが原因で
起きるるそうです。

コンピューターが使う文字は、文字コードと呼ばれる
数値として扱われています。

ＯＳごとに文字コードが異なる時代もあったそうですが
現在では次の4種類の文字コードがＯＳに関係なく広く
使われているようです。
↓↓
・Shift-JIS（シフトジス）
・ISO-2022-JP（アイエスオー2002ジェイピー）
・EUC-JP（イーユーシージェイピー）
・UTF-8（ユーティーエフ8）

Sift-JISは、Windowsのメモ帳を始めとした日本語対応
アプリケーションで使われています。

ISO-2022-JPは、主に電子メールで使われていると
いうことです。

EUC-JPは、UNIXやLinux環境で広く使われている
そうです。

UTF-8は、Unicodeとも呼ばれ、現在はブログを中心に
広く使われているそうです。

ＨＴＭＬでは、互換性を保つために、使っている文字
コードをＨＴＭＬファイルの中で宣言しなければなりま
せん。文字コードを宣言しなかったり宣言が間違って
いたりすると文字が正しく表示されないことがあります。

よく見る文字化けがその例な訳ですね。