HTML (HyperText Markup Language) はウェブのもっとも基本的な構成要素です。 HTML はウェブページのコンテンツを記述し定義するものです。 HTML に隣接する他の技術としては、ウェブページの表示や表現を記述するもの (CSS) または機能や振る舞いを記述するもの (JavaScript) があります。

「ハイパーテキスト」はウェブページから別なページに、ウェブサイト内でもウェブサイト間でも、接続するリンクを示します。リンクはウェブの基礎的な特徴です。コンテンツをインターネットにアップロードして他の人々が作成したページにリンクすれば、 World Wide Web の活発な参加者になれます。

HTML ではウェブブラウザーのテキスト、画像、その他のコンテンツを記述するために「マークアップ」を使用します。 HTML のマークアップには、 <head><title><body><header><footer><article><section><p><div><span><img>、その他のたくさんの特殊な「要素」を用います。

HTML のタグは、大文字と小文字の区別はありません。つまり、大文字でも、小文字でも、混在して書いても構いません。例えば、 <title> タグは <Title> や <TiTlE> やその他の方法で書くことができます。

以下の記事は HTML に関してもっと学ぶのに役立つでしょう。

  • HTML 概論

    ウェブ開発が初めてであれば、 HTML とは何か、 HTML の使用方法を説明するHTMLの基本をご覧ください。

  • HTML チュートリアル

    チュートリアルや例を含む HTML の使用方法に関する記事は、HTML 学習エリアを確認してください。

  • HTML リファレンス

    広範な HTML リファレンスの章で、 HTML のすべての要素と属性についての詳細が分かります。

初心者向けチュートリアル

HTML 学習エリアは HTML を基礎から学ぶための複数のモジュールを中心としています。――前提知識は必要ありません。

HTML 概論
このモジュールでは、 HTML を文章に適用する方法、ハイパーリンクを作成する方法、 HTML を使用してウェブページを構築する方法など、重要な概念と構文に慣れていく段階を設定します。
マルチメディアとその埋め込み方
このモジュールでは、ウェブページにマルチメディアを埋め込むための HTML の使い方を探ります。画像を入れるための様々な方法、映像、音声、他のウェブページ全体を含める場合も含みます。
HTML テーブル
ウェブページ上で表形式のデータを分かりやすく使いやすい方法で表現するのは難しいことです。このモジュールでは、基本的なテーブルのマークアップと、キャプションやサマリーの追加などのより複雑な機能を扱います。
HTML フォーム
フォームはウェブで非常に重要な部分です。――これはウェブサイトとのやり取り(登録やログイン、フィードバックの送信、商品の購入など)に必要な多くの機能を提供します。このモジュールでは、フォームのクライアント側/フロントエンド部分の作成から始めます。
よくある問題解決に HTML を使う
HTML を使用してウェブページを作成する際に、とてもよくある問題(タイトルの扱い、画像や動画の追加、コンテンツの強調、基本フォームの作成など)を解決する方法を説明する記事の章へのリンクを紹介します。

高度なトピック

CORS を利用した画像
crossorigin 属性と CORS ヘッダを組み合わせることで、 <img> 要素で定義された画像を異なるドメインから読み出し、 それを <canvas> 要素の中で同じドメインから読み出したかのように扱うことができます。
CORS 設定属性
CORS をサポートするいくつかの HTML 要素(<img><video> など)は crossorigin 属性(crossOrigin プロパティ)を持っており、要素が取得したデータに関する CORS リクエストを設定することができます。
HTML でのフォーカス管理
DOMの activeElement 属性と hasFocus() メソッドは、ウェブページ上の要素でユーザーのやりとりを追跡し制御するのに役立ちます。
アプリケーションキャッシュの使用
アプリケーションキャッシュは、ウェブベースのアプリケーションをオフラインで実行させるためのものです。ブラウザがキャッシュし、オフライン状態のユーザが利用できるようにすべきリソースを指定するために Application Cache (AppCache) インターフェースを利用できます。キャッシュが行われたアプリケーションは、ユーザがオフラインになったときに更新ボタンを押した場合でも、正常に読み込まれ、正常に動作します。
rel="preload" でコンテンツを先読み
HTML の <head> 要素内において、 <link> 要素で rel 属性に preload を指定することで、読み込み後すぐにページに必要なリソース、つまりページ読み込みの過程の初期の、ブラウザの主なレンダリング機構が起動する前に、先読みを始めたいものを指定する宣言的なフェッチリクエストを記述することができます。これにより、ページの最初のレンダリングがブロックされにくくなり、パフォーマンスが向上します。この記事では preload がどのように動作するのかについての基本的なガイドを提供します。

リファレンス

HTML リファレンス
HTML は要素の集まりで、それぞれの要素がいくつかの属性で修飾される場合があります。 HTML 文書は互いにリンクで接続されます。
HTML 要素リファレンス
すべての HTML 要素の一覧を閲覧します。
HTML 属性リファレンス
HTML の要素には属性があります。これは要素を調整したり、さまざまな方法で振る舞いを調整したりするための付加的な値です。
グローバル属性
グローバル属性は、標準仕様で規定されていないものを含むすべての HTML 要素に指定できるものです。つまり、あらゆる標準外の要素も、それを使用することで文書が HTML5 に準拠しなくなるとしても、グローバル属性を受け入れなければならないということです。
インライン要素ブロックレベル要素
通常、 HTML の要素は「インライン」要素または「ブロックレベル」要素のどちらかです。インライン要素は、要素を定義するタグによって指定された範囲のみを占有します。ブロックレベル要素は親要素(コンテナ)の範囲全体を占有し、それによって「ブロック」を作成します。
リンクタイプ
HTML では、2つの文書の関係を確立し定義するためにさまざまな種類のリンクが使用できます。リンク要素は <a><area><link> などで設定できます。
HTML の audio 要素と video 要素で対応しているメディアフォーマット
The <audio> 要素と <video> 要素で音声と映像のメディアを再生できます。これらの要素は、 Adobe Flash やその他のプラグインなどに見られる同様の機能をブラウザーネイティブの機能で代替します。
コンテンツのカテゴリ
HTML は数種類のコンテンツで構成され、それぞれのコンテンツは特定のコンテキストで使用することができ、他のコンテンツでは使用できません。同様に、それぞれのコンテンツを含むことができる一連の他のコンテンツカテゴリと、中で使用できる要素、使用できない要素があります。これは、これらのカテゴリのガイドです。
後方互換モードと標準準拠モード
後方互換モードと標準準拠モードの歴史的な情報です。
CSSを使ってHTMLの要素に色をつける
この記事では、CSS を使用して HTML コンテンツに色をつける方法、 HTML 文書のどの部分に色付けできるかの一覧、使用する CSS プロパティについて説明します。例えば、パレット作成ツールへのリンクなどが含みます。
すべて表示...

Web layoutコミュニティに参加してください

あなたの好きな方法でディスカッションに参加してください

ドキュメントのタグと貢献者

 最終更新者: mfuji09,