そもそもHTMLって何?
HTML(エイチ・ティー・エム・エル)とは、「HyperText Markup Language(ハイパーテキスト・マークアップ・ランゲージ)」の頭文字を取った言葉で、今まさにあなたが見ているウェブページを作るための言語です。
「ハイパーテキスト」というのは、ドキュメント同士をリンクでつないで簡単に行き来できる仕組みを備えた文字の事で、物理的な紙の文書では実現できない機能を、様々な形で提供します。
以上のことから、HTMLという名称を和訳すると「超文書を記述する言語」となります。
ウェブページはHTMLでできている
インターネットは世界中の人たちが作ったウェブサイトを、世界中のどこからでもアクセスできるようにした便利な仕組みです。あなたがインターネット上に情報を発信したければ、HTMLを学んで、作成したファイルをサーバーにアップロードし、そのURLを公開すれば良いのです。
最初は難しそうに見えても、一度覚えてしまえば簡単にできるようになるので、安心して下さい。HTMLの特徴は、誰もが簡単にウェブページを作成できる点にあります。既存のウェブサービスやSNSを使う方法もありますが、実は大企業のサイトも個人のホームページも同じ技術で作られています。
ウェブページは、ウェブブラウザがサーバー上に置かれたファイルを読み込んで、人間の見やすい形に整形することで表示しています。今あなたが見ているこのページはHTMLで書かれています。つまり、簡単に言うと「ウェブページはHTMLでできている」ということになります。
HTMLの「ソースコード」を見てみよう
試しに、ブラウザのメニュー(右クリックまたは control + クリックで表示)を開いて、「ソースを表示」という項目を選択してみて下さい。何やら沢山の文字が並んだテキストファイルが表示されたと思います。
これが、いま表示されているウェブページの基になる文字列です。中を覗いてみると、画面には表示されていない記号や単語が混在しています。この文字列をコンピューターが読み取って、画面のレイアウトや文字の装飾、画像の表示などを自動的に行っています。
なぜそのようなことが可能なのでしょうか?
もう一度、この文字列を良く見て下さい。その中に不等号(<
と>
)で括られた暗号のようなものを見つける事ができましたか? これこそがHTMLの正体です。
次に、文書の一番上の辺りで<html>
というかたまりを探してみて下さい。これを「宣言」と言います。この宣言によって、「ここからHTML文法を始めます」ということをコンピューターに伝えているのです。
HTML文書の中の不等号(<
・>
)で括られた文字列のことを「タグ」と言い、開始タグと修了タグでまとめられるものを「要素」と言います。このタグには様々な種類の命令が定義されており、それらをいくつも組み合わせてHTML文書を作成していきます。ちなみに、タグの中身は大文字・小文字を区別しないため、<html>
と<HTML>
は同じ意味になります。
それでは早速、「HTMLの書き方」について学んでいきましょう。
HTMLリファレンス一覧
-
HTMLって何?初心者が最初に学ぶべき基礎知識
HTMLに初めて触れる方はこちらから読み進めて下さい。タグを覚える前段階の超基礎知識を解説します。
入門編 -
HTMLの書き方をわかりやすく解説
タグの書き方が分からない人は、まずこちらの内容を覚えましょう。基本的なルールは、たった一度見るだけで理解できます。
初級編 -
HTMLファイルの作り方
HTMLファイルは誰でも簡単に作成できます。特別な技術やソフトウェアは必要ありません。
初級編 -
最初に覚えるべきHTMLタグ
HTMLはタグが多すぎて、どこから覚えていけばいいのか分からない。そんな時は、必要最低限のものから押さえていきましょう。
学習編 -
ヘッダー情報について
ヘッダーの役割と機能を解説します。なぜ全てのページにヘッダーを書かなければいけないのか、その疑問をここで払拭しましょう。
学習編 -
ハイパーリンクについて理解する
HTMLで作られたドキュメントをつなぐハイパーリンクについて解説します。
学習編 -
改行や半角スペースを連続で表示させる方法
HTMLではソースコード上に何度も改行や半角スペースを打っても、そのまま表示されるわけではありません。
学習編 -
グローバル属性の一覧
全ての要素で使えるグローバル属性の一覧です。
学習編 -
コンテンツ・モデルとコンテンツ・カテゴリ
HTML5から導入されたコンテンツ・モデルについて解説します。CSSを使い始める段階で、この概念も取り入れておきましょう。
中級編 -
文書のアウトライン
正しい文書構造はアウトラインを理解することで作成できます。マークアップの精度を高めたい方は、ぜひマスターしましょう。
中級編 -
ディレクトリの意味と使い方を詳しく解説
ウェブ制作に関わる人は、フォルダのことをディレクトリと呼びます。
中級編 -
HTMLとXHTMLの違い
興味のある方はXHTMLの存在も頭に入れておくと、いつか活かせる時が来るかも。
番外編