1. HTML の概要
HTML (Hyper Text Markup Language) はハイパーテキスト マークアップ言語です。インターネット上のテキスト、グラフィック、アニメーション、サウンド、表、リンクなどを、一連のタグを通じて全体に接続します。表現すべき情報は一定のルールに従ってHTMLファイルに書き込まれ、専用ブラウザで認識され、そのHTMLファイルが識別可能な情報、つまり今見ているWebページに「変換」されます。人々が情報を見つけて取得できる利便性を提供します。
2. Webページの分類
静的 Web ページと動的 Web ページに分けられる
(1) 静的 Web ページ: 純粋な HTML 形式の Web ページは、いつどこで閲覧しても同じフォームとコンテンツを表示するだけであり、Web サイトと対話することはできません。静的 Web ページでは、Web ページ全体の主な構造と Web ページの表示制御が HTML を使用して実装されます。静的ページの拡張子は通常、.htm、.html、.shtml、および .xml です。
静的 Web ページは、Web ページ上にテキストと画像しか表示できません。機能的には単純に聞こえるかもしれませんが、これはすべての Web ページの基本要素であり、その重要性は自明のことです。
静的な Web ページでは、.gif 形式のアニメーション、フラッシュ、文字のスクロールなど、さまざまな動的効果を表示できます。これらの「動的効果」は視覚的なものであり、動的 Web ページとは異なる概念です。
(2) 動的 Web ページ: 動的技術を使用した Web ページで、特定の条件の変化に応じて Web ページのコンテンツが自動的に変更されます。静的 Web ページの拡張子とは異なり、動的 Web ページの拡張子は .asp、.jsp、.php、.perl、.cgi などで、動的 Web ページの URL には象徴的な記号「?」が表示されます。
3. マーク
機能を説明するために HTML で使用される記号。
タグを使用する場合は、山括弧「<>」で囲む必要があります。ブラウザは山括弧内のマークアップを解釈します。 HTML で一般的に使用される主なタグは、<html>、<head>、<title>、および <body> です。
マーカーはシングル マーカーとダブル マーカーに分けられます。
(1) 単一タグ: タグ名を山括弧内に入力するだけです。単一のタグは関数を表し、スコープはありません。
形式: <タグ>
改行記号など: < br>
(2) ダブルマーク: マークには始まりと終わりがあり、前のマークは次のマークと一致しますが、後のマークの前にスラッシュがあります。
形式: <mark>Jingrui Youzhi</mark>
段落記号など。
4. HTMLマークアップの構成
<html><head><title>C 言語ネットワーク</title></head><body><h1>C 言語ネットワークを有効に活用するにはどうすればよいですか? </h1><p>C 言語ネットワークには多くの質問があります</p></body></html>
完全な HTML ページは、実際にはタグのペアで構成されています (もちろん例外はあります)。
(1) <html></html>: Web ページの開始タグと終了タグ。
(2) <head>< /head>: Web ページのヘッダー情報の開始タグと終了タグ。
(3) <body>< /body>: Web ページの本文の開始タグと終了タグ。
(4) <title>< /title>: Web ページのテーマの開始タグと終了タグ。
(5) < p>< /p>: Web ページの段落の開始タグと終了タグ
5. Webページレイアウト技術
(1) テーブルレイアウト技術：従来はフチなしのテーブルに必要な文字や画像素材などを配置するテーブルレイアウトが一般的でしたが、オブジェクト間の違いを気にせずに処理できる利点がありました。欠点は、テーブルを使用しすぎると Web ページのデータ量が増加し、ページのダウンロード速度に影響することです。
(2) CSS (Cascading Style Sheet) テクノロジー: DIV+CSS レイアウト テクノロジーとも呼ばれ、テキストと画像を正確に配置し、データと形式を分離し、Web ページ上のデータ量を大幅に削減できます。 CSS は初心者にとっては少し難しいですが、確かに優れたレイアウト方法であり、現在最も一般的に使用されている Web ページ レイアウト テクノロジです。