HTML(Hypertext Markup Language)とCSS(Cascading Style Sheets)は、Webページを構築するためのコア技術の二つです。 HTMLは、さまざまなデバイスのために、ページの構造、CSS（視覚的および聴覚的）レイアウトを提供します。 グラフィックスやスクリプトに加えて、HTMLとCSSは、WebページやWebアプリケーションを構築するための基礎です。 HTMLとは何ですか？HTMLは、Webページの構造を記述するための言語です。 HTMLは著者に手段を与えます:

• 見出し、テキスト、表、リスト、写真などを含むオンラインドキュメントを公開します。
• ボタンをクリックするだけで、ハイパーテキストリンクを介してオンライン情報を取得します。
• リモートサービスとの取引を行うためのフォームの設計、情報の検索、予約、商品の注文などに使用するためのフォーム。
• スプレッドシート、ビデオクリップ、サウンドクリップ、およびその他のアプリケーションを文書に直接含めます。

HTMLでは、著者はマークアップを使用してページの構造を記述します。 言語の要素は、”段落”、”リスト”、”テーブル”などのコンテンツにラベルを付けます。 XHTMLとは何ですか？XHTMLは、拡張マークアップ言語であるXMLの構文を使用するHTMLの変種です。 XHTMLにはすべて同じ要素があります（段落など）。）HTMLバリアントとして、しかし、構文はわずかに異なります。 XHTMLはXMLアプリケーションであるため、他のXMLツール（XMLコンテンツを変換するための言語であるXSLTなど）を使用できます。 CSSとは何ですか？CSSは、色、レイアウト、およびフォントを含むWebページのプレゼンテーションを記述するための言語です。 これにより、大画面、小さな画面、またはプリンタなど、さまざまなタイプのデバイスにプレゼンテーションを適応させることができます。 CSSはHTMLとは独立しており、任意のXMLベースのマークアップ言語で使用できます。 HTMLとCSSを分離することで、サイトの保守、ページ間でのスタイルシートの共有、さまざまな環境に合わせたページの調整が容易になります。 これは、プレゼンテーションからの構造（または：コンテンツ）の分離と呼ばれています。 WebFontsとは何ですか？

WebFontsは、オペレーティングシステムにインストールすることなく、web上でオンデマンドでフォントを使用できるようにする技術です。 W3Cは、HTML、CSS2、およびSVGを介してダウンロード可能なフォントの経験を持っています。 最近まで、ダウンロード可能なフォントは、相互運用可能なフォント形式の欠如のために、Web上で一般的ではありませんでした。 WebFontsの取り組みは、業界でサポートされている、Web用のオープンフォント形式（”WOFF”と呼ばれる）の作成を通じてそれに対処する予定です。

例

次のHTMLドキュメントの一部の非常に簡単な例は、段落内にリンクを作成する方法を示しています。 誰かがリンクを有効にすると、ブラウザは”http://www.example.com/report”:

<p class="moreinfo">For more information see the<a href="http://www.example.com/report">final report</a>.</p>

段落の開始タグのclass<p>”)は、とりわけ、スタイルを追加するために使用することができます。 たとえば、すべての段落のテキストを”moreinfo”クラスで斜体にするには、CSSで次のように記述します。

p.moreinfo { font-style: italic }

そのルールを別のファイルに配置することで、スタイルは任意の数のHTMLドキュメントで共有できます。