Webページとは何ですか？ Webページの主要な要素を一覧表示する

提示されたコンテンツの大部分インターネットはウェブページです。これは、歴史的に、仮想ネットワーク空間に配置することを目的とした最初のタイプの文書ですが、依然として関連性を保持し、競合する形式を実質的に持たないものです。ウェブページの構造は何ですか？作成するWeb開発ツールは何ですか？

ウェブページとは？

"ウェブページの主な要素をリストアップ" - 教室のコンピュータサイエンスの審査官に教えてくれます。それに引き続き、私たちは彼に何と言うことができますか？まず、原則としてウェブページについて説明します。

IT専門家の間で一般に認められているテキスト、リンク、グラフィックス、ビデオ、音楽などの様々な有用なコンテンツの適切なタイプのソフトウェアを使用してコンピュータ画面上に表示するためのデータを含む文書である。ウェブページこれはテキスト文書です。ブラウザの対応するデータは、マークアップ言語要素（HTML）として使用される文字、数字および特殊文字です。 Webページの作成者がブラウザにこの内容またはその内容を画面上でどのように表示するかを「説明する」ことは彼を介したものです。

サイト構造におけるウェブページの配置と役割

あなたは、ウェブページがメインであると言えますか？ウェブサイトのコンポーネントですか？これは部分的に真実です。しかし、上記のように、Webページは単なるテキストドキュメントです。サイトには、原則として、写真、ビデオ、その他のマルチメディア要素も含まれています。 Webページにはそれらを含めることはできませんが、Webページにはリンクが含まれている可能性があります。したがって、ウェブページは、ユーザへの仮想コンテンツの表示における主導的な役割の面でサイトの主成分と呼ぶことができる。

まれに、もちろん、ドキュメントはサイトの唯一のコンポーネントになります。何らかの理由で、グラフィック、ビデオ、その他のマルチメディア要素を表示できない場合です。特に、Webページのマークアップ言語が登場したばかりの最初のサイトには、関連するコンテンツは含まれていませんでした。ユーザーの目の前にはテキストとリンクのみが表示されていました。

ハイパーテキストに従事する原則

したがって、WebページはドキュメントですHTMLでコンパイルされ、ハイパーテキストマークアップが実行されます。しかし、この現象は何ですか？ハイパーテキストとは何ですか？理論に深く入り込むことなく、これは、ある意味で、別のリンクに素早くアクセスできるテキストです。通常の本では、これは不可能です - "プレーンテキスト"があります。目的のページにアクセスするには、コンテンツまたは脚注を読む前に、読者が何度か反転させる必要があります。 "ハイパーテキスト"モードでは、ページのHTML要素に反映される情報のため、作業の主要部分はコンピュータによって行われます。

コンピュータサイエンスの教師が教えてくれたら： "Webページの主な要素をリストアップ"すると、HTMLマークアップ言語を使用して作成された、対応するドキュメントのコンポーネントについての記事を正しく開始することができます。したがって、まずはHTMLに関するいくつかの理論的な点を見ていきます。

HTML言語構造：タグ

ブラウザは、HTMLで書かれた文書からWebページに関する必要なデータをどのように読み取るのですか？非常に簡単です。

この言語の主な要素はタグです。ほとんどの場合、ペアになっています - オープニングがあり、クローズがあります。前者は山括弧のみを使用して表しています。 2番目のものは似ていますが、/文字は2番目の括弧の前に置かれます。ブラウザはそれらを認識することができるので、文書の開発者が作成したアルゴリズムに従って問題なくウェブページの内容を表示する。

開始タグは通常大文字で表記されます。クローズ - 小。これは、IT専門家の環境で確立された標準です。ブラウザはHTMLコマンドをどの文字でも認識しますが、Web開発者はマークされたタグ付けスキームに固執するようにアドバイスされます。これは、例えば、他の専門家によるウェブページの改訂を容易にする。

属性

HTML言語の他の重要な要素は属性です。彼らの助けを借りて、Webページの作成者は、フォントの高さ、色、ページに対する相対的な位置など、コンテンツのプロパティを設定できます。写真、ビデオ、その他のマルチメディアコンポーネントも同様です。アトリビュートは開始タグ内に書き込まれます。

コンテンツ

開始タグと終了タグの間Webページの次の主要コンポーネントはコンテンツです。これは、実際には、画面上でユーザーに表示されるべき内容です。これは、テキスト、リンク、画像、ビデオまたは他のマルチメディア要素とすることができる。

Webページ要素

"ウェブページの主な要素を列挙し、最後に！ "と教師が繰り返します。「喜びで」、私たちは彼に答えます。このタイプの文書の構造には何が含まれていますか？私たちは、WebページのHTML要素のコンテキストでこの側面を検討することに同意します。つまり、ブラウザでの表示（ユーザーが画面上で見るもの）は、私たちにはあまり関心がありません。要点は、プログラムが同じ方法でコンテンツを表示することに基づいて、対応するHTMLアルゴリズムが異なる可能性があることです。これはHTML言語の機能です。Webページ上の目的の画像をさまざまな方法で表示できます。同時に、Webページの作成者の人件費の面でも同様の効果が得られます。また、実装にかかる時間と労力も異なります。

Webページ要素：ヘッダー

このような標準的なWebページ要素驚くほど響き、非常に少量で発表されました。実際には、文書のタイトルと主要部分の2つしかありません。しかし、それぞれ複雑な構造を持つことができます。

タイトルの特異性は何ですか？それはウェブページの最上部に位置しています。タイトルを形成するHTMLコードでは、原則としてテキストのみが「暗号化」されるが、必要であれば、対応する要素に小さなグラフィック挿入物を配置することもできる。そして、実際には、このタイトルについて言えることはすべてです。関連する文書の構造におけるその役割はごくわずかであると思われる。しかし、そうではありません。ウェブページの見出しは、検索エンジンのインデックス作成サイト（Yandex、Google）で非常に重要です。この要素は、Webページのコンテンツとサイトのテーマ別の特異性に完全に関連している必要があります。

ウェブページのタイトルの固定方法HTML言語を使用していますか？非常に簡単です。最初に、開始タグが書き込まれます。これは常に山括弧付きのHEADのように見えます。そして、タイトルの内容、終了タグの後ろに続きます。もちろん、それらはWeb文書の一番上に書かれています。

ウェブ文書ヘッダは、追加アイテム。ウェブページのフォーマットによっては、特定のエンコーディングでテキストを表示する必要が生じることがあります。ウェブ文書がこの基準を確実に満たす方法非常に簡単です。ドキュメントヘッダーの構造には、ブラウザに特定の言語エンコーディング（たとえば、キリル文字）を使用するように指示するHTMLアルゴリズムを配置する必要があります。対応するコマンドはMETAタグ内に配置され、他のコマンドと同様に開閉します。

メインのウェブページ

Web文書の主要部分はタグ付きで開かれます。BODYは、スラッシュを含む対応する要素によって閉じられます。同時に、開始タグと終了タグの間には、膨大な数の追加のハイパーテキストマークアップ言語コマンドが存在することがあります。これは、ウェブページの主要部分には、テキスト、リンク、グラフィックス、ビデオ、記入するための様々なフォームなどの有用なコンテンツが含まれているためです。

関連する種類のコンテンツのそれぞれは、独自のタグ。 Webドキュメントの主要部分の構造にはHTMLコマンドが含まれており、フォントに特定の色、サイズ、その他のプロパティを与えるなど、テキストの書式設定にも役立ちます。

よく使われるHTMLタグの具体的な内容を考えてみましょう。実際には、Webページの主な要素も形成します。

基本HTMLタグ

だから、何の詳細な研究の目的のためにウェブページの要素ですが、基本的なHTMLタグの本質をより詳細に研究します。これらのうちのいくつかは、ブラウザがWebページのヘッダーを読み取り、ドキュメントの主要部分の位置を特定するためのものです。

P.タグはかなり一般的です。彼は、ハイパーテキストマークアップ言語の他の同様の要素と同様に、開閉することができます。このタグを使用すると、ドキュメントの1つの段落を書式設定できます。たとえば、特定の種類のフォントまたはその色を設定することができます。ただし、これはオプションのFONTタグを使用して行われます。同時に、段落の制限を示すものの内側に配置されます。これにより、好きなフォントの種類を反映したHTMLコマンドをWebページの他の要素に配布しないようにします。

TABLEタグを使用して、テーブルが作成されます。対応する属性の助けを借りて、列と行の必要な数を決定し、その幅、境界の特異性、表のテキストのサイズとフォントの色を設定することができます。

IMGタグは、ブラウザの画像を処理します。また、画像のサイズ、ページ上の位置を調整するさまざまな属性を配置することもできます。

他のWebドキュメントやファイルへのリンク一般的には、Webページの構造にハイパーリンクが存在することを示す属性が内部にあります。これは、それが導く文書、ファイル、またはサイトを示します。

FRAMESETなどのタグが一般的です。これで、Webページのスペースをいくつかのエリア（フレーム）に分割できます。それぞれに、個々のWebドキュメントへのリンクを掲載することができます。つまり、フレームを使用すると、2つ以上のページを同時に同じ画面に配置することができます。

ウェブページの重要な要素に関する話HTML言語の助けを借りてフォーマットの手段についてのその後のナレーション - これは、審査官が私たちに求めた質問への私たちの答えのアルゴリズムになります。彼が「ウェブページの主な要素をリストアップする」と言って私たちに近づいたら、適切な方法論を使って、私たちはそのトピックを解決する機会を得るでしょう。つまり、「要素」という用語では、Web文書の構造の主要コンポーネントや、HTMLなどのツールを使用してWebマスターが作成するテキスト、画像、表、フレーム、リンクなどのコンテンツの種類を理解することができます。

Web開発ツール固有

上記に加えて、タグ、およびHTMLの標準によって提供される属性 - 膨大な量。 HTMLに加えて、Web開発者は、ハイパーテキスト文書をフォーマットするための追加のツールを使用することができます。たとえば、JavaScriptスクリプト言語を使用すると、コンテンツが常に更新される動的Webページを作成できます（ユーザー自身のアクションとスクリプトにあらかじめ記述されたアルゴリズムに従って）。

それは、Web開発者がPerl、PHP、Java、Pythonなどの本格的なプログラミング言語を使用して、ハイパーテキスト文書を扱う可能性をさらに広げることができます。この必要性は、今日のウェブ技術の応用分野が非常に異なっていることが原因である可能性があります。現代の開発者が直面する課題は非常に複雑です。たとえば、ロシア語で書かれたWebページを英語に翻訳する必要がある場合があります。この場合、開発者のツールキットは最も多様なものになります。