HTMLとは何ですか?

HTML 開発の歴史:

HTML は英語で Hypertext Marked Language の略で、ハイパーテキストドキュメントを作成するために使用されるシンプルなマークアップ言語です。 HTML は、Web の発明者である Tim Berners-Lee とその同僚の Daniel W. Connolly によって 1990 年に作成されたマークアップ言語です。これは、Standard Generalized Markup Language (SGML) のアプリケーションです。

HTML で記述されたハイパーテキスト文書は HTML 文書と呼ばれ、さまざまなオペレーティングシステムプラットフォーム (UNIX、WINDOWS など) に依存しません。 HTML では、表現する情報が一定のルールに従って HTML ファイルに書き込まれ、専用ブラウザで認識され、認識可能な情報、つまりすべてのコンピュータが理解できる公開用の「ネイティブ言語」に「翻訳」されます。これが現在表示されている Web ページです。 HTML は 1990 年以来、WWW (World Wide Web の略称、WEB とも略され、中国語では万為ウェブとも呼ばれる) の情報表現言語として使用され、ホームページのフォーマット設計や WWW 上の他のホームページへのリンク情報を記述しています。 HTML 言語で記述された文書は、WWW ブラウザを通じて表示する必要があります。

HTML (Hypertext Markup Language) は、Web ページドキュメントを作成するための言語です。マークアップ命令 (タグ) を使用して、画像、サウンド、写真、テキスト、アニメーション、ビデオなどのコンテンツを表示します。世界中でホストされているファイルに接続して、あるファイルから別のファイルに移動できるからです。ハイパーテキスト転送プロトコルは、HTML ドキュメントを実行するときにブラウザーが従うルールと操作を指定します。HTTP プロトコルの策定により、ブラウザーはハイパーテキストを実行するときに統一されたルールと標準を持つことができます。

ハイパーテキストと呼ばれるのは、画像、サウンド、アニメーション、ムービーなどのコンテンツを含めることができるためです。実際、すべての HTML ドキュメントは静的な Web ページファイルです。このファイルには、HTML 命令コードが含まれています。これらの命令コードはプログラミング言語ではありません。レイアウト Web ページ内の情報の場所を表示するためのマークアップ構造言語にすぎません。習得しやすく、理解しやすく、非常にシンプルです。 HTML の普及により、ハイパーテキストの技術が生まれました。マウスをクリックするだけでトピック間を移動したり、ページ間を移動したり、世界中でホストされているファイルにリンクしたりできるようになりました。関連トピックに直接アクセスします。以下のように表示されます。

HTML を使用すると、さまざまなデザインスタイルを表現できます。

画像呼び出し: <IMG SRC="ファイル名">
テキスト形式: テキスト

HTML を通じてページ間を移動できます。

ページジャンプ: 〈A HREF="ファイルパス/ファイル名"></A>

マルチメディア効果は HTML を通じて表示できます。

オーディオ: <EMBED SRC="ミュージックアドレス" AUTOSTART=true>
ビデオ: <EMBED SRC="ビデオアドレス" AUTOSTART=true>

上記から、HTML ハイパーテキストドキュメントに必要ないくつかのタグがわかります。 HTML では、タグとして使用される各シンボルは、ブラウザにテキストの表示方法を指示するコマンドです。これらのタグは、「<」と「>」の記号と文字列で構成されます。ブラウザの機能は、これらのタグを解釈し、テキスト、画像、アニメーションを表示し、サウンドを再生することです。これらのタグシンボルは、「<タグ名属性>」で表されます。

HTML は単なるプレーンテキストファイルです。 HTML ドキュメントを作成するには、HTML エディターと Web ブラウザーの 2 つのツールだけが必要です。 HTML エディターは、THML ドキュメントを生成して保存するために使用されるアプリケーションです。 WEB ブラウザは、WEB ウェブページファイルを開き、WEB リソースを表示する機能を提供するクライアントプログラムです。

HTML ドキュメントはプレーンテキストファイルです (任意のテキストライターで書き込むことができます)。たとえば、HTML 言語は一般的なテキストエディターを使用して直接編集できます。

HTML の力:

タイトル、テキスト、表、リスト、写真を含むオンラインドキュメントを公開します。
ハイパーリンクを介してオンライン情報を取得します。
情報の取得や製品の注文などに使用できるリモートサービスを取得するためのフォームを設計します。
スプレッドシート、ビデオクリップ、サウンドクリップ、その他のアプリケーションをドキュメントに直接含めることができます。

HTML の広範な使用:

すべての World Wide Web ドキュメントは、ハイパーテキストマークアップ言語 (HTML) を使用して作成されます。この言語では、さまざまなタグを使用してファイルを処理できます。これらのタグは、ファイルコンテンツの外観、構造、およびインタラクティブ性を決定します。段落タグ 、画像タグ <imp> など、すべてに共通しているのは、すべて "<>" を使用していることです。

ブラウザでは HTML タグは表示されませんが、ブラウザに表示される Web ページの効果はすべてこれらのタグによって生成されます。ほとんどの場合、サイトを作成するときに HTML タグを習得する必要はありません。これは、HTML が FrontPage などのソフトウェアのバックグラウンドで処理され、言語の複雑さが隠されるためです。 Web ページの HTML タグを表示する必要がある場合は、HTML モードを選択できます。

現在の Web ページ制作のほとんどは、Dreamweaver、WebStorm などの特殊な Web ページ制作ツールを使用しています。これらのツールは、見た目どおりのものであり、非常に便利です。しかし、これらのツールを知っているだけで十分だと考えないでください。多くの場合、より優れたプロフェッショナルな結果を得るには、HTML コードを手動で調整する必要があります。

HTMLの定義を理解した後、この言語を学習しましょう。

1. なぜ HTML を学ぶ必要があるのですか?

過去 2 年間で、多くの企業がグラフィカル HTML 開発ツールを開発し、Web ページの作成が非常に簡単になりました。 Adobe がリリースした Webstorm、Adobe Pagemill、Micromedia がリリースした Dreamweaver などの編集ツールは、すべて「見たままの」Web ページ作成ツールと呼ばれています。これらのグラフィカル開発ツールを使用すると、面倒なマークアップを記述することなく、Web ページを直接操作できます。これにより、ユーザーは HTML の知識がなくても Web ページを作成できます。この時点で、開発ツールによって HTML ドキュメントの作成タスクが完了します。これは Web グラフィック編集ツールの最大の成功ですが、最大の欠点でもあります。グラフィック編集ツール自体の制約により、大量のジャンクコードが生成されます。その理由は非常に簡単です。たとえば、Web ページで表を設計する場合、各セルの幅と高さがその内容に応じて自動的に決定されるのであれば、HTML では表とセルの配置順序 (つまり、行数と列数) を伝えるだけで済みます。ただし、グラフィカル開発ツールはユーザーの特別な要件を認識できないため、一般的な要件のみを取得して各セルの幅と高さを定義することしかできず、コードが大量に追加されます。したがって、賢明なウェブページ作成者は、グラフィック編集ツールを習得した上で、HTML 言語をさらに学習し、どのコードがジャンクコードであるかを認識する必要があります。このようにして、グラフィカル HTML 開発ツールを使用して、ウェブページを迅速かつ正常に作成し、無駄なコードを排除して、高品質のウェブページを迅速に作成するという目標を達成できます。

そのため、HTML 言語は Web ページ制作の基礎であり、初心者にとっては必ず習得すべき言語です。現在、WYSIWYG Web ページ作成ツールは数多くありますが、それでも HTML 構文をある程度理解する必要があります。この方法により、ページのレイアウトをより正確に制御し、より多くの機能を実現できます。

2. HTML の使い方は？

HTML 言語は、Hypertext Markup Language とも呼ばれ、Hyper Text Markup Language の略語です。識別言語としての HTML は、いくつかの特定の記号と文法で構成されているため、理解し習得するのは非常に簡単です。 HTML は、すべてのコンピュータプログラミング言語の中で最もシンプルで習得しやすい言語であると言えます。 HTML を構成するドキュメントはすべて ASCII ファイルであるため、HTML ファイルの作成は非常に簡単で、通常のテキストエディターのみが必要です。たとえば、Windows のメモ帳やワードパッドが使用できます。また、CoffeeHTML、Homesite、HTMLedit Pro などの専用の HTML 編集ツールを使用することもできます。これらのツールの特徴は、HTML ドキュメント内の構文エラーを自動的にチェックし、修正を支援できることです。グラフィカル HTML 開発ツールのおかげで、HTML の習得が容易になりました。まずはこれを使用して Web ページを作成し、付属の HTML コードエディターで不要なコードを削除できます。WYSIWYG 機能を使用すると、HTML をすぐに習得できます。特に、Micromedia が最近リリースした Dreamweaver4 は、ソースコードエディターと Web ページエディターを同じウィンドウに配置できるので、非常に便利です。

3. HTMLの基本概念

1. 定義:

HTML はハイパーテキストマークアップ言語です。簡単に言うと、マークアップ記号と文法規則のセットを構築し、特定の標準要件に従って表示されるテキスト、画像、サウンド、その他の要素を配置して、タイトル、段落、リストなどの特定の単位を形成します。

2. ハイパーテキストマークアップ

1) ハイパーテキストタグは山括弧「<」と「>」で示されます。

2) ハイパーテキストタグは通常ペアで表示され、終わりはスラッシュ付きの要素で示されます。たとえば、<html> と </html> です。ただし、一部のタグには開始タグのみがあり、終了タグがありません。たとえば、 は、Web ページでの改行の導入を示します。一部のタグは省略できます。たとえば、段落の終了タグ は省略できます。

3) ハイパーテキストタグでは大文字と小文字が区別されません。たとえば、<HTML> と <html> は同等ですが、エンティティコンテンツの名前では大文字と小文字が区別されます。たとえば、「&NAME」と「&name」は異なるエンティティを表します。

4) タグ要素は複数行に記述でき、パラメータの位置に制限はありません。

3. HTML言語単位（要素）

Web ページ全体のコンテンツは、特定のコンテンツによって形成された多数のユニットで構成され、各ユニットは開始タグ、ユニットコンテンツ、終了タグの 3 つの部分で構成されます。

開始タグ: 開始タグは「<」と「>」で区切られ、ユニット名と属性は開始タグによって指定されます。

ユニットの内容: 中央のセクションはユニットの内容です。

終了タグ: 終了タグは「＜/」と「>」で区切られ、開始タグよりスラッシュが 1 つ多くなります。

例: タイトルブロックユニットのラベル形式

＜TITLE＞大学入試トップスコアラーインタビュー～農家の子の成長記録～＜/TITLE＞

このうち、<TITLE>と</TITLE>が開始タグと終了タグで、「大学入試トップスコアラーインタビュー～農家の子の成長体験～」が単元の基本的な内容となります。

つまり、HTML ドキュメント全体はタグで構成されています。HTML ドキュメントのタグは、ドキュメントを記述するための固定されたフレームワークを確立します。このフレームワーク内にコンテンツを埋め込むだけで済みます。

HTML 言語を習得し、上手に使用するための鍵は、タグパラメータを柔軟に適用することです。特にデフォルト値の使用