MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

ウェブサイトを構築するためには、ウェブページの構造を定義するための基本的な技術であるHTML言語を知っておくべきでしょう。HTMLは、ウェブコンテンツがどんな要素なのかを特定するために用いられます。(例を挙げるなら、段落、リスト、見出し、リンク、画像、マルチメディアプレーヤー、フォーム、ユーザーが新たに定義した要素がこれに当たります。)

学習経路

HTML学習を学びの旅の起点にすることが理想的です。Introduction to HTMLを読んでみましょう。さらに学びたいと思ったなら、次は以下のような内容に移ることになるでしょう。

  • HTML5 APIs
  • CSS, また、それを用いて、どうやって、HTMLの様式を整えるか。(例えば、文字の様式やサイズを適用したり、線で囲んだり、影をつけたり、ページをカラムでレイアウトしたり、アニメをつけたりすることができます。)
  • JavaScript,またそれを用いて、ウェブページをいかにして動的な機能を付け加えるか。(例えば、地図上にあなたの位置をプロットしたり、UIエレメントをボタン操作で、現れるようにしたり、隠すようにしたり、コンピュータ上にユーザーのデータを保存したり、その他いろいろなことができます。)

このトピックを開始する前に、最低限コンピュータを利用することに慣れておくべきでしょう。また、ウェブを受け手の側から、利用すること(つまり、ただ見たり、コンテンツを消費したりすること)にも慣れておくべきでしょう。また基本的な作業環境のセットアップもしておくべきでしょう。細かい話は、 Installing basic softwareや、 Dealing with files に書かれています。今あげた二つの内容は、Getting started with the webという初心者向けの章に含まれています。

今回のトピックに入る前に、Getting started with the web を見ておくことが推奨されます。けれども、絶対にそうしておく必要があるというわけではありません。 HTML basics の記事でカバーされている大体の内容は、 Introduction to HTML の記事でもカバーされています。ただこちらのほうが、より詳細な記事になっています。It is 

モジュール

このトピックは、以下の内容を含んでいます。そして、それらは、学んでいくのに好ましい順番で並んでいます。上から順番に学んでいくのが望ましいでしょう。

Introduction to HTML
この章では、土台作りをします。ここで、あなたはHTMLの重要な概念や構文に慣れたり、HTMLを文章に適用していくのを見たり、どうやってハイパーリンクができるのか、HTMLがウェブページを作るためにどのように利用されるのかを学ぶことになります。
Multimedia and embedding
この章では、HTMLを使ってどうやったら、あなたのウェブページにマルチメディアを導入できるかを学びます。画像を取り込むためのいくつかのやり方、ビデオや音声、さらに、ウェブページそのものを埋め込む方法もここで学びます。
Forms and buttons
フォームやボタンというのは、ウェブにおいてとても重要な要素です。フォームによって、私たちウェブサイトとのやり取りに必要な多くの機能を提供します。例えば、認証やログイン、フィードバックを送ったり、製品を購入したり、などがそれに当たります。この章では、あなたは、クライアントサイドのフォームを作りを始めることになります。
Tables (TBD)
わかりやすい表形式でのデータの表現方法を学ぶことができます。この章では、基本的なテーブルの作り方から、キャプションとサマリーの実装のような、さらに複雑な機能のものまで、カバーしています。

一般的なHTMLの問題の解決

Use HTML to solve common problems 「基本的な問題を解決するためにHTMLを使う」では、ウェブページを作った時に出てくる一般的な問題をどうやって解決するかを説明するためのコンテンツのセクションへのリンクを提示します。タイトルの扱い方や、画像やビデオを加えたり、コンテンツを強調したり、基本的なフォームを作ったりします。

こちらも参照してみてください。

HTML (HyperText Markup Language) on MDN.
MDNにおけるHTMLドキュメントの入門ポイントです。詳細な要素のリファレンスから、一歩進んだチュートリアルが見られます。
HTML reference
HTMLの多くの機能すべてに関する包括的なリファレンンスです。もし、要素がどんな属性を持っているのか、属性はどんな値を持つのかを知りたいときには、まずここを見てみるのがよいでしょう。
HTML developer guide
MDN HTMLに関する、より高度なガイドとチュートリアルです。

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

 このページの貢献者: sugarbell, chrisdavidmills
 最終更新者: sugarbell,