1. HTMLとは何ですか?
HTMLはHypertext Markup Languageと呼ばれ、マークアップ言語です。一連のタグが含まれています。これらのタグは、ネットワーク上のドキュメント形式を統一し、分散したインターネット リソースを論理的な全体に接続します。 HTML テキストは、HTML コマンドで構成される説明テキストであり、テキスト、グラフィック、アニメーション、サウンド、表、リンクなどを記述することができます。
ハイパーテキストは、ハイパーリンクを通じてテキスト、グラフィックス、その他の情報メディアを関連付ける情報を整理する方法です。これらの相互に関連する情報メディアは、同じテキスト内にある場合もあれば、別のファイルである場合もありますし、地理的に離れたコンピュータ上のファイルである場合もあります。この情報の整理方法により、さまざまな場所に分散した情報リソースがランダムに接続され、情報の検索と取得が容易になります。
● 簡単な説明
HTML は HyperText Mark-up Language の略称で、ハイパーテキスト マークアップ言語を意味します。
HTML はプログラミング言語ではなく、マークアップ言語です。
ハイパーテキストはハイパーリンクを指し、マークアップはタグを 1 つずつ組み合わせて Web ページを作成するための言語です。
この言語で作成されたファイルは、ファイル拡張子が .html または .htm のテキスト ファイルとして保存されます。
HTML ドキュメントは Web ページとも呼ばれます。HTML ファイルをエディタで開くと、テキストを使用して編集できます。
ブラウザで開くと、ブラウザはタグの記述内容に従ってファイルを Web ページにレンダリングし、表示された Web ページは、ある Web ページのリンクから別の Web ページにジャンプできます。
●HTMLの中国語完全名からその本質を分析してみましょう。
(1) ハイパーテキスト
つまり、プレーン テキストを超えて、HTML ドキュメントにはテキスト (テキスト) だけでなく、画像、音声とビデオ、表、リスト、リンク、ボタン、入力ボックスなどの高度なコンテンツも含めることができることを意味します。
ハイパーリンクは、多くの Web ページを接続し、絡み合って「ネット」を形成するインターネットのリンクです。ハイパーリンクがなければ、インターネットは存在しません。
(2) マークアップ言語
HTML はコンピュータ言語ですが、プログラムすることはできず、Web ページ上のコンテンツをマークアップするためにのみ使用できます。 HTML は、次のようなさまざまなタグを使用して、さまざまなコンテンツ、形式、レイアウトなどをマークします。
<img> タグは画像を表します。
<a> タグはリンクを表します。
<table> タグはテーブルを表します。
<input> タグは入力ボックスを表します。
<p> タグはテキストの一部を表します。
<strong> タグはテキストの太字効果を表します。
<div> タグはブロックレベルのレイアウトを表します。
要約する
HTML は、Web ページの開発に使用されるコンピュータ言語で、テキスト、オーディオとビデオ、画像、表、ボタン、入力ボックス、その他のコンテンツをタグ (マークされた指示) によって表示します。つまり、HTML は Web コンテンツのフォーマットとレイアウトに使用されます。
2. HTML版開発履歴：
HTML の誕生以来、継続的な開発を経て、多くの HTML バージョンが市場に登場しました。HTML バージョンの簡単な説明は次のとおりです。
3. HTMLコンテンツ
●HTMLタグ
前述したように、HTML はさまざまなタグを使用してコンテンツをフォーマットするマークアップ言語です。タグの特徴は次のとおりです。
(1) HTML タグは、<html> のように山括弧で囲まれたキーワードで構成されます。
(2) 一部のタグを除いて、ほとんどの HTML タグは <b> と </b> などのペアで表示されます。
(3) ペアで出現するタグのうち、最初のタグを開始タグ、2番目のタグを終了タグ（終了タグ）と呼びます。
HTML のタグにはそれぞれ異なる意味があります。HTML を学ぶということは、それぞれのタグの意味を学び、実際のシナリオのニーズに応じて適切なタグを選択して、美しい Web ページを作成することを意味します。
●HTML文書の構造
HTML ページの基本構造は次のとおりで、Web ページを作成するために必要なさまざまなタグ (doctype、html、head、title、body など) が含まれています。
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>HTML ドキュメント構造の例</title></head><body><h1>この位置はタイトルです</h1><p>この位置は段落です</p><p>この位置は別の段落です</p><ahref=http://c.biancheng.net/target=_blank>この位置は C のホームページへのリンクです言語ネットワーク </a><ul><li>HTML チュートリアル</li><li>CSS チュートリアル</li></ul><inputtype=textplaceholder=text content/></body></html>
構文は次のように説明されます。
<!DOCTYPE html>: これはドキュメント タイプ宣言であり、ドキュメントを HTML ドキュメントとして宣言するために使用されます (技術的にはタグではありません)。doctype 宣言では大文字と小文字が区別されません。
<html> </html>: このタグは HTML ページのルート タグです。他のすべてのタグは <html> タグと </html> タグの間に定義する必要があります。
<head> </head>: このタグは、タイトル、エンコード形式など、HTML ドキュメントの一部の情報を定義するために使用されます。
<meta charset=UTF-8>: 現在の Web ページが UTF-8 エンコードを使用していることを示すために使用されます。UTF-8 は世界的に受け入れられているエンコード形式であり、ほとんどの Web ページは UTF-8 エンコードを使用しています。
<title> </title>: このタグは、Web ページのタイトルを定義するために使用されます。Web ページのタイトルはブラウザのタブ バーに表示されます。
<body> </body>: このタグは、段落、タイトル、画像、リンクなど、ブラウザを通じて表示できる Web ページ内のすべてのコンテンツを定義するために使用されます。
<h1> </h1>: このタグはタイトルを定義するために使用されます。
<p> </p>: このタグは段落を定義するために使用されます。
<a> </a>: このタグはリンクを定義するために使用されます。
<ul> </ul>: このタグはリストを定義するために使用されます。
<li> </li>: このタグはリスト項目を定義するために使用されます。
<input type=text />: 入力ボックスを定義するために使用されます。
HTML ドキュメントはテキスト ファイルであるため、HTML ファイルの作成と変更には任意のテキスト エディタを使用できます。初心者の場合は、Windows のメモ帳、Linux Vim、Mac OS TextEdit などのシステムに付属のテキスト エディタを使用するのが最適です。ある程度の基礎ができたら、Notepad++、Sublime Text、VS Code などのプロ仕様のテキスト エディターを選択できます。
さらに、HTML ドキュメントをブラウザで直接開いてコンテンツを参照するには、HTML ドキュメントを .html または .htm 形式で保存する必要があります。たとえば、次の図に示すように、上記のサンプル コードをindex.html という名前のファイルに保存すると、それをダブルクリックしてブラウザに実行結果が表示されます。
●HTMLの特徴
(1) シンプルさ: ハイパーテキスト マークアップ言語のバージョン アップグレードはスーパーセット方式を採用し、より柔軟で便利です。
(2) スケーラビリティ: ハイパーテキスト マークアップ言語の広範な応用により、ハイパーテキスト マークアップ言語は、システムの拡張を確実にするためにサブクラス要素の方式を採用しています。
(3) プラットフォームの独立性: パーソナル コンピューターが普及していますが、MAC などの他のマシンを使用する人も多く、幅広いプラットフォームで使用できることも World Wide Web (WWW) の人気の理由です。 ）。
(4) 普遍性: さらに、HTML はインターネットの普遍言語であり、シンプルで普遍的なオールインワン マークアップ言語です。これにより、Web ページ制作者はテキストと画像を組み合わせた複雑なページを作成でき、使用するコンピュータやブラウザの種類に関係なく、インターネット上の誰でもこれらのページを閲覧できるようになります。