++ Uraneko Plus ::
HTMLタグに関するよくある質問

このページで使われている用語の解説 ::

HTMLタグって何ですか?

HTMLとは

HyperText Markup Language

の略で、ようするに

ウェブページ(ホームページ)として表示するための書式(言語/規格)

のことです。
世界中に無数にあるウェブページ(ホームページ)のほとんどは、基本的にこのHTMLという書式を元に書かれています。

HTMLという規格は、W3C (World Wide Web Consortium)という団体によって定義(標準化)されています。
HTMLの他にも、身近なものではCSS(カスケード・スタイル・シート)やXML、XHTMLなどもこのW3C (World Wide Web Consortium)によって定義(標準化)されています。

HTMLの仕組み

HTMLの基本的な仕組みは簡単です。

HTML形式のファイルにテキストエディタなどでHTMLタグを記述します。
HTMLでは、<> に囲まれた文字は特別な命令としてブラウザに処理されます。
今回は「改行」という命令が定義されたタグ、<br>を使ってみます。
Description image
(「TeraPad」 © 寺尾 進 all rights reserved.)

それをInternetExplorerなどのブラウザで表示させると、記述したHTMLタグ自体には、文字としてではなく命令(機能)としての効果が現れる、という仕組みです。
下図を見ると、<br>というタグが消えて「改行」という命令が実行されていることが分かると思います。
Description image

このように、さまざまな命令を持つHTMLタグを使ってページの見た目を整えるのがHTMLの主な使い方です。

厳密なHTML文法では、ページの内容(コンテンツ)とページの見栄え(レイアウト)を分離し、ページの見栄え(レイアウト)はスタイルシートで整えることが推奨されています。

HTMLは難しい?

プログラミングとかやったこと無いし、何か難しそうだなぁ

などと考える必要はありません。

HTMLを学ぶのに、難しい命令などを覚える必要もなく特別なソフトも必要ありません。
簡単な英単語の意味と、ちょっとした仕組みさえ覚えてしまえば、比較的簡単にウェブページを作成することができる言語ですので、興味を持たれた方はこれを機会にちょっと勉強してみましょう。

HTMLという書式は、パソコンのソフトウェアなどを作るプログラム言語などとはちょっと違う、マークアップ言語と呼ばれるものです。

マークアップ言語とは、文字通りマークアップ(印を付ける)をテキスト文章内にすることで、テキスト文章内に特定の定義づけを行う言語(例えばHTMLでは、"タグ"によってマークアップが行われる)のことで、一般的なプログラム言語などの目的である「コンピュータを制御する」ための言語ではありません。

また、ソースに記述されたHTMLタグは、ブラウザで表示される時には記述内容に関係なく上から順に、下の行へと処理されていきます。
よって、スタイルシートなどの記述は、例え同じ要素へのスタイル指定だったとしても下に書いてあるものほど優先されます。

コラム ::

HTMLの他にウェブページを構成する言語で良く使われるものに、XHTML、XML、Perl、Ruby、PHP、ASP、JSP、FLASHのActionScriptなどがあります。

XML(eXtensible Markup Language)はHTMLに拡張性や汎用性を持たせたような言語で、XHTML(eXtensible HyperText Markup Language)はHTMLとXMLの中間の言語と考えてください。

PerlやPHP、ASPやJSPやFLASHのActionScriptなどはいわゆる「サーバサイドスクリプト」と呼ばれるもので、HTMLページの表示(HTMLページの表示は単純にサーバが要求に対してデータを渡すだけ)と違ってサーバ側で処理を行い、結果をブラウザに返すことで動的なコンテンツ(代表的なものに、掲示板などがあります)を作成することが可能な言語です。

また、Perl、Rubyといったプログラムを用いた仕組み(WEBアプリケーション)は、総じてCGI(Common Gateway Interface)と呼ばれます。

ちなみに、ジオシティーズではこれら「サーバサイドスクリプト」で記述されたプログラムは設置することが出来ません。


HTMLタグを勉強するには?

HTMLタグを勉強する方法は、大きく分けて三つあります。

ウェブ上で学ぶ

ウェブ上には、優秀な作成講座を公開している人がたくさんいます。
HTMLやサイト作成を学ぶにあたっては、スクールで学んだり書籍を購入したりしなくても基本的にはウェブ上のこれらの作成講座サイトで全て事足ります

上記で紹介した作成講座サイトは基礎から応用まで幅広く学べ、リファレンスとしても優秀です。

HTMLを全く知らないという人でも、基本的にはウェブ上の作成講座サイトで勉強すれば十分です。
私も最初は、HTMLはおろかパソコンすら持っていなかった(当時はゲーム機でのネット接続でした)ですが、今まで書籍などを購入したことはありません。

例えばPerlなどのプログラミングを勉強したいといった場合などは、やはりリファレンス本などが必要かつ便利ではありますが、HTMLやスタイルシートがメインのサイト作成に関しては、ウェブ上の作成講座サイトで十分だと思います。

また、HTMLやサイト作成については全く知識がないけれど本格的な通販サイトやショッピングサイトを開きたいといった場合は、システムの構築や金銭のやり取り・個人情報管理などのセキュリティの問題もあるので、業者に依頼するのが無難です。
市販の作成ソフトや書籍には「ショッピングサイト作成パック」といったものもありますが、やはりかなりの知識が無いと運営することは難しいです。

書籍で学ぶ

書店で販売されている、いわゆる初心者向けホームページ作成本などで学ぶ方法です。

  • 初心者向けホームページ作成本で学ぶメリット
    • 手元ですぐ確認できる
    • サイト作成の一連の流れを学べる
    • サイト用素材や作成ソフトなどが付属している場合がある
    • 電話やメール、専用サイトなどでのサポートが受けられる場合がある
  • 初心者向けホームページ作成本で学ぶデメリット
    • 情報が古くなる
    • 情報がすぐ物足りなくなる(応用があまりきかない)
    • 値段と内容がつりあった本を見つけるのは難しい

初めてサイトを作る人や、パソコン操作自体がまだ不慣れな人は、初心者向けホームページ作成本のお世話になるのも一つの手です。
電話やメール、専用サイトでのサポートが受けられるようなものもあるので、実際に書店で色々な本を手に取って見比べてみて、自分のレベルに合った本を見つけましょう。

販売されているホームページ作成本も、内容はピンからキリまであります。
初心者の時期に値段と内容がつりあった本を見つけるのはなかなか難しいものです。
また、ウェブは情報の移り変わりが激しい世界ですので、本に書かれた情報がアッという間に古いものになってしまうことも考えられます。

まず「ウェブ上で学ぶ」方法をとり、基本的なHTMLの知識が身についてきたら、いわゆる初心者向けホームページ作成本ではなく、必要な情報だけ調べられるHTMLタグのリファレンス本を購入するといった方法をとるのも良いかもしれません。

また、HTMLやサイト作成については全く知識がないけれど本格的な通販サイトやショッピングサイトを開きたいといった場合は、システムの構築や金銭のやり取り・個人情報管理などのセキュリティの問題もあるので、業者に依頼するのが無難です。
市販の作成ソフトや書籍には「ショッピングサイト作成パック」といったものもありますが、やはりかなりの知識が無いと運営することは難しいです。

スクールで学ぶ

パソコン教室でパソコンの操作などもあわせて学んだり、パソコンスクールのウェブデザイナー講座などで本格的に学んだりする方法です。
HTMLだけでなく、パソコンの操作やウェブに関する広い知識、業界の動向などを学ぶことが出来ます。

ただ、

趣味でウェブサイトを作ってみよう

という人が、パソコンスクールのウェブデザイナー講座などで本格的に学ぶは必要ありません。
プロを目指すのでも無い限り、「ウェブ上で学ぶ」「書籍で学ぶ」などの方法で十分です。

分からないことがその場ですぐ解決できたり、書籍などで勉強するよりも実際に目の前で見た方が学習速度が速いといった場合もありますので、パソコンの操作などもあわせて学びたいという人はパソコン教室などで学ぶのも一つの手かもしれません。

また、HTMLやサイト作成については全く知識がないけれど本格的な通販サイトやショッピングサイトを開きたいといった場合は、システムの構築や金銭のやり取り・個人情報管理などのセキュリティの問題もあるので、業者に依頼するのが無難です。
市販の作成ソフトや書籍には「ショッピングサイト作成パック」といったものもありますが、やはりかなりの知識が無いと運営することは難しいです。

Resemblance = 類似 Relation = 関連 Reference = 参照 Recommendation = 推薦 Example = 例
Total view :: Counter image