ＨＴＭＬタグって何？

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

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

ＨＴＭＬでは、＜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とも呼ばれ、現在はブログを中心に
広く使われているそうです。

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

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

ＨＴＭＬのファイル名で使える文字

ＨＴＭＬのファイル名に使える文字というのが
あります。

ＨＴＭＬのファイル名に使える文字は次の通り
です。↓↓

①半角英数字
②「-」（ハイフン）、「_　」（アンダーバー）

このように、ＨＴＭＬのファイル名として使える
文字は制限されています。

Windowsで使えない文字、日本語（全角、半角）
も使えないし、スペースも使えません。

それから、ＨＴＭＬではWindowsと違って英数字
の小文字と大文字を区別するんです。

たとえば、「study.html」と「Ｈello.html」では、別
のファイルとして認識されてしまします。

ちなみにＨＴＭＬでは小文字に統一するのが通例
だということです。

インターネット上の住所ＵＲＬ

現在、インターネットには数え切れないほどの
コンピューターがつながっていますね。（たぶん）

このインターネットにつながったコンピューターの
中で、Ｗebサイトの内容を公開しているものを
Webサーバーと呼びます。

WebサイトがどこにあるのかはＵＲＬでわかります。

なぜでしょうか？

それは、ＵＲＬがインターネット上の住所に相当する
ものだからです。

Webサーバーは、他のWebサーバーと混同されない
ようにするために異なる名前がつけられています。

その名前のことを「ドメイン」と呼びます。

インターネットやＬＡＮにつながっているコンピューター
にはＩＰアドレスと呼ばれる番号が割り当てられています。

「ドメイン」は、ＩＰアドレスに対して私たち人間がわかり
やすいようにするために特別につけている名前なそう
です。

ですから、ドメインの代わりにＩＰアドレスを入力しても
ホームページを開くことができます。

試してみてきださい＾＾。

書式をタグで指定する？

ＨＴＭＬでは書式を指定するために＜と＞で囲んだ
英単語や省略語でできた「タグ」と呼ばれる記号を
使うんですね。


※＜＞は実際には半角状態で入力しますが、この
記事で書かれているのは大文字入力になっています。


例えばこんなタグがあります
↓↓
＜b＞
＜body＞
＜big＞
＜img＞
＜u＞
など、他にもたくさんあります。

で、タグには開始タグと閉じタグというのがあって、書式を
指定する場所の最初と最後にそれぞれ入れて書式を
指定するんです。

例えばこんな感じです。
↓↓
＜b＞これは太字＜/b＞です。

このように記述すると

「これは太字」の部分が太字になります。

＜b＞と＜/b＞は文字を太字にするためのそれぞれ
開始タグと閉じタグということになります。

閉じタグというのは大抵のタグではアルファベットの
前に/（スラッシュ）が入ります。

でも、この/が入らないタグもあります。

例えば文章の改行を指定する＜br＞タグというもの
があります。

どのように使うタグかというと
こんな感じですね。
↓↓
この文章は次＜br＞で改行します。

このように＜br＞タグを入れると、次という字の後が
改行されます。

面白いですよね＾＾。

HTMLだけでは....

HTMLだけでは文字や箇条書きに表など、文字を
使った表現しかできません。

Web上で見える画像や動画は、外部にあるファイル
を呼び出して表示しているんですね。

HTMLは、Webサイトレイアウトや文章を入力する
ためのタグを中心にできています。

サイトのページ上に見える画像や音声、動画は別
の場所にあるファイルを呼び出して表示している
のです。

HTMLが利用者の要求に応じて呼び出せる
ファイルの種類には制約がありません。

ただ、フラウザで表示できるのはHTMLファイルや
テキストファイル、画像、音声、動画ファイルに限ら
れているんですね。

ファイルによってはブラウザ用拡張プログラムを
インストールしておけば表示できるものもあります。

HTMLでできることって？

HTMLでできることってなんでしょう？

パソコンのホームページや携帯のサイトはHTMLを
使って作られています。

HTMLってきくと難しそうな感じがしますね。

でも、勉強して分かってくると「なーんだ、そんな
ことかー」みたいに思えることもあります。

HTMLというアルファベットの意味は、「Hyper Text
Markup Language」の略語で、Webサイトや携帯
サイトのページを表現するための言語ということ
です。

「書式を指示するための規格」みたいなものなそうです。

★HTMLでできること↓↓↓

①文字に装飾をつけた文書の作成
②箇条書きの作成
③表の作成
④画像の貼り付け
⑤他のページを呼び出す
⑥動画を再生する
⑦音楽を再生する

ざっとこんな感じです。

こうして見ると、ワープロによく似ているように
思えますが、印刷はブラウザまかせで、使う側
でページに合わせた微調整ができません。

画像や表はどうやって表示するの？

どうして文字列だけを記述して画像や表を表現
できちゃうんでしょうか？

わたしはとっても不思議に思っていました。

勉強しているうちにだんだん分かってきました。

文字しか使えないはずのHTMLで画像や表
などが表示できちゃうのは「リンク」という仕組み
なそうです。

じゃあリンクって何？

リンクとは、表示したい画像や表のファイルが
ある場所を示すことで自由にファイルを呼び出す
仕組みのことなそうです。

HTMLで画像を表すときは、画像を表示する専用
のタグを使って画像を呼び出します。

ファイルのある場所は「アドレス」とも呼ばれます。

HTMLって何ですか？

★HTMLって何？

パソコンや携帯のサイト製作を目指して勉強して
いこうと思ってます。

早速ですが、HTMLって何でしょうか？

ホームページ製作の解説本などによく出てくる
言葉です。

で、書いてあったのがこんなことです。
↓↓↓

●HTMLは、Webサイトや携帯電話のサイト内容を
　記述するときに使うもので、文字を大きくしたり背景
　の色を変えたり画像を貼ったりと、とても多彩なこと
　ができる。

★どうやったらHTMLをかけるの？

とても簡単です。

パソコンにインストールされているメモ帳を起動する
と書けちゃいます。

入力するときの注意点があります。そては、タグは
すべて半角英数字を使うということです。

入力が終わったら,ファイル名の最後を.htmlにして
好きなところに保存します。

HTMLファイルみたいに、メモ帳で編集できるファ
イルのことを「テキストファイル」というそうです。

テキストファイルでは文字以外使えません。

HTMLファイルで書式の指定に文字を使うのは
テキストファイルで文字以外使えないことと関係
があります。