HTMLとは何か、そしてその使い方-htmlチュートリアル-php.cn

HTML はハイパーテキストマークアップ言語であり、ハイパーテキストドキュメントを作成するために使用されるシンプルなマークアップ言語です。この記事では HTML の開発と基本概念を詳しく紹介します。興味のある方は

HTML の開発の歴史について学ぶことができます。 HTML は英語で Hypertext Marked Language を意味し、ハイパーテキストドキュメントの作成に使用される単純なマークアップ言語です。 HTML は、WEB 発明者の Tim Berners-Lee と同僚の Daniel W. Connolly によって 1990 年に作成されたマークアップ言語です。これは、標準の汎用マークアップ言語 SGML のアプリケーションです。 HTML で書かれたハイパーテキストドキュメントは HTML ドキュメントと呼ばれ、さまざまなオペレーティングシステムプラットフォーム (UNIX、WINDOWS など) に依存しません。 HTML を介して、表現する必要がある情報は特定のルールに従って HTML ファイルに書き込まれ、専用ブラウザによって認識され、これらの HTML は広く理解できる言語、つまりすべての言語で識別可能な情報に「翻訳」されます。コンピューターが理解できる出版用の「母国語」。これが今私たちが見ているウェブページです。 1990年以来、HTMLはWWW（World Wide Webの略、WEBとも略され、中国語ではワールドワイドウェブと呼ばれます）の情報表現言語として使用され、ホームページのフォーマット設計や他のホームページとのリンク情報を記述するために使用されてきました。ＷＷＷ。 HTML言語で記述されたファイルはWWWブラウザで表示する必要があります。

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

いわゆるハイパーテキストは、画像や音声を追加できるためです。実際、すべての HTML ドキュメントは静的な Web ページファイルです。これらの命令コードはプログラミング言語ではなく、表示位置をレイアウトする単なるマークアップ構造言語です。 Web ページの情報は学習しやすく、非常にシンプルです。 HTML の普遍的な応用は、ハイパーテキストをもたらしたテクノロジーです。マウスのクリックで 1 つのトピックから別のトピックにジャンプしたり、あるページから別のページにジャンプしたり、世界中のホスト上のファイルにリンクしたりすることができます。関連トピックに直接アクセスします。以下に示すように:

HTML を通じてカラフルなデザインスタイルを表現できます:

画像呼び出し: テキスト形式: テキスト

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

ページジャンプ: Video:

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

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

HTML ドキュメントはプレーンテキストファイルです (任意のテキストライターで作成できます)。たとえば、HTML 言語は通常のテキストエディタを使用して直接編集できます。

HTML の強力な機能:

タイトル、テキスト、表、リスト、写真などを含むオンラインドキュメントを公開します。

ハイパーリンクを通じてオンライン情報を取得します。
情報の取得や商品の注文などに使用できる、リモートサービスを取得するためのフォームを設計しました。
スプレッドシート、ビデオクリップ、サウンドクリップ、その他のアプリケーションをドキュメントに直接含めます

すべての World Wide Web ドキュメントは、作成されたハイパーテキストマークアップ言語によって記述されます。この言語では、さまざまなタグを使用してファイルを処理できます。これらのタグは、ファイルコンテンツの外観、構造、および対話性を決定します。共通しているのは、段落タグ

、イメージタグなどの「<>」の使用です。

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

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

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

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

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

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

2. HTMLの使い方は？

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

3. HTML の基本概念

1. 定義:

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

2. ハイパーテキストタグ

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

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

は省略可能です。

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

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

语3、HTML 言語の単位 (要素)

Web ページ全体のコンテンツは、特定のコンテンツによって形成される多くのユニットで構成されており、各ユニットは 3 つの部分で構成されます ---- 開始マーク、ユニットコンテンツ、終了、終了マーク。

開始タグ: 開始タグは「＜」と「>」で定義され、ユニット名と属性は開始タグによって与えられます。