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 から始まります。

テーブル

表を使用して表形式のデータをマークアップする方法について説明します。

Google フォーム

HTML のフォームの概要。

画像

HTML の画像の概要。

音声と動画

音声や動画などの HTML メディアを扱う方法を学びます。

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

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

HTML API

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

フォーカス

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

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

テキストのマークアップに使用されるさまざまな要素について説明します。

詳細と概要

非常に便利な詳細要素と概要要素の仕組みと、使用する場所について学びます。

Dialog

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

結論と次のステップ

その他のリソースをご紹介します。

では、HTML を学びましょう。では始めましょう