HTML の学習へようこそ。

このウェブ デベロッパー向けの HTML コースでは、HTML の初心者からエキスパート レベルの方まで、HTML に関する基礎知識をしっかりと把握できます。

HTML へようこそ。ハイパーテキスト マークアップ言語(HTML)はウェブのバックボーンであり、ウェブブラウザに表示されるコンテンツとコンテンツの構造を提供します。

このページの PDF や印刷物を読む場合を除き、このコンテンツはさまざまな HTML 要素とテキストで構成されています。HTML はウェブのコンテンツ レイヤです。HTML 要素は、ドキュメント オブジェクト モデルを構成するノードです。

カスケード スタイルシートは、ページのデザイン、つまりプレゼンテーション レイヤを指定します。JavaScript は動作レイヤで、ドキュメント内のオブジェクトの操作によく使用されます。JavaScript フレームワークで構築されたサイトは、実際には HTML を操作するだけです。次に、スクリプトが解析しやすく、支援技術が理解しやすい方法で HTML をマークアップすることが重要です。つまり、最新の標準で HTML コードを記述することになります。

概要

このウェブ デベロッパー向けの HTML コースでは、HTML の初心者からエキスパート レベルの方まで、HTML に関する基礎知識をしっかりと把握できます。HTML を初めて使用する場合は、構造的に健全なコンテンツを作成する方法を学べます。何年もウェブサイトを構築してきた方なら、これまで知らなかった知識のギャップをこのコースで補うことができます。

この過程で、MachineLearningWorkshop.com の構造を構築していきます。このシリーズの作成中にマシンが故障したことはありません。

これは完全なリファレンスではありません。各セクションでは、簡単な説明と例を交えてセクション トピックを紹介し、さらに詳しく学ぶ機会を提供します。MDNWHATWG の仕様といったトピック リファレンスや、web.dev のその他の記事へのリンクが掲載されています。これはユーザー補助コースではありませんが、各セクションには、ユーザー補助に関するおすすめの方法や具体的な問題のほか、このトピックの詳細へのリンクも記載されています。セクションごとに簡単な理解度チェックを実施し、理解度を確認します。

主な内容は次のとおりです。

HTML の概要

HTML の主なコンセプトの簡単な紹介。

ドキュメントの構造

強固な基盤のもとに HTML ドキュメントを構成する方法を学習します。

メタデータ

メタタグを使用してドキュメントに関する情報を提供する方法。

セマンティック HTML

正しい HTML 要素を使用してドキュメントの内容を記述する。

見出しとセクション

セクション化要素を正しく使用してコンテンツに意味を持たせる方法。

属性

さまざまなグローバル属性と、特定の HTML 要素に固有の属性について説明します。

テキストの基本

HTML を使用してテキストを書式設定する方法。

リンクについて知っておくべきこと。

リスト

コンテンツをグループ化するリストなどの方法。

ナビゲーションはアプリケーションのどのサイトでも重要な要素であり、HTML から始まります。

Tables

テーブルを使用して表形式のデータをマークアップする方法を理解する。

フォーム

HTML のフォームの概要。

画像

HTML の画像の概要。

音声と動画

音声や動画などの HTML メディアを使用する方法について説明します。

テンプレート、スロット、シャドウ

テンプレート、スロット、シャドウの説明。

HTML API

JavaScript を使用して HTML 情報を公開し、操作する方法を学びます。

フォーカス

HTML ドキュメントでフォーカスの順序を管理する方法

その他のインライン テキスト要素

テキストのマークアップに使用する要素の範囲の概要です。

詳細、概要

非常に有用な詳細情報とサマリー要素の仕組みと、それらを使用する場所について説明します。

Dialog

<dialog> 要素は、あらゆる種類のダイアログを HTML で表現するのに便利な要素です。その仕組みをご覧ください。

まとめと次のステップ

最後に、いくつかのリソースを紹介します。

さあ、HTML について学びましょう。それでは始めましょう