HTML ウェブページの基本コンポーネントの概要

HTML ウェブページの基本コンポーネントの概要
<br />Web ページ上の情報は主にテキストベースです。 Web ページでは、フォント、サイズ、色、網掛け、境界線などを通じてテキストのプロパティを設定できます。ここでのテキストは、画像内のテキストではなく、テキストを指します。 Web ページ制作では、テキストをさまざまなフォントやサイズに簡単に設定できますが、メインテキストに使用するテキストは大きすぎず、フォントを使いすぎないようにすることをお勧めします。中国語のテキストには、ソンティ、9 ポンド、または約 12 ピクセルを使用できます。文字が大きすぎると、モニターに表示されたときに線が滑らかに表示されなくなるためです。醜い女性が厚化粧をしているような下品な印象を与えないように、色はあまりまだらにしてはいけません。長い段落のテキストの構成については、優れた雑誌や新聞を参照することをお勧めします。
今日私たちが目にするカラフルな Web ページはすべて画像によるものであり、Web ページにおける画像の重要性を示しています。 Web ページで使用される画像は、通常、JPG 形式と GIF 形式、つまり、拡張子が .jpg (または .jpeg) と .gif のファイルです。
注意: 画像は Web ページには欠かせませんが、画像のダウンロードに時間がかかるため、多すぎることはできません。Web ページに挿入された画像が多すぎると、ページが開くまでに長い時間がかかる可能性があるため、閲覧者は一般的にそれ以上待つことはありません。さらに、Web ページに画像が多すぎると、見た目が雑然とし、メインのコンテンツが隠れてしまう傾向があります。
ハイパーリンクは Web サイトの魂であり、ある Web ページから別の宛先へのリンクです。たとえば、別の Web ページを指したり、同じ Web ページ上の別の場所を指したりする場合があります。この宛先は通常は別の Web ページですが、画像、電子メール アドレス、ファイル、プログラム、またはこのページ上の他の場所である場合もあります。ハイパーリンクはテキストまたは画像にすることができます。ハイパーリンクは、Web ページ上の画像やテキストに広く存在し、画像やテキストに関連するコンテンツへのリンクを提供します。ハイパーリンク上でマウスの左ボタンをクリックすると、対応するアドレス (URL) の Web ページにリンクできます。リンクがある場合、その上にマウスを合わせると、マウスが小さな手の形に変わります。ハイパーリンクは Web の主な機能であると言えます。
テーブルは Web ページ レイアウトの要です。組版にテーブルを使用するのは、今日の Web ページ制作の主な形式です。テーブルを使用すると、Web ページ上の各 Web ページ要素の位置を正確に制御できます。テーブルは、Web ページ上の直感的な意味でのテーブルを指すのではなく、より広い範囲を指します。 HTML 言語の要素です。テーブルは主に Web ページのコンテンツを整理し、Web ページ全体の外観を整えるために使用されます。対応する画像やその他のコンテンツをテーブルに配置することで、デザイン効果を満たすページに効果的に組み合わせることができます。テーブルの存在により、Web ページ内の要素を設計された位置に簡単に固定できます。通常、表の境界線は Web ページには表示されません。
フォームは、サイト訪問者から情報を収集するために使用されるフィールドのセットです。サイト訪問者は、テキストを入力し、ラジオ ボタンやチェック ボックスをクリックし、ドロップダウン メニューからオプションを選択してフォームに入力します。フォームに入力した後、サイト訪問者は入力したデータを送信します。このデータは、設定されているフォーム ハンドラーに応じてさまざまな方法で処理されます。
アニメーションは、Web ページ上で最もアクティブな要素です。通常、優れたクリエイティブなアニメーションを作成することが、視聴者を引き付ける最も効果的な方法です。しかし、今日の Web ページにはアニメーションが不足しているのではなく、むしろアニメーションが多すぎて、見る人の興味を失わせてしまうことがよくあります。これにより、アニメーション制作に対する要求はますます高まります。アニメーションを作成する方法は数多くあり、その技術は急速に発展しています。さまざまな形式のアニメーションがさまざまな形で使用されていますが、GIF アニメーションは依然として主要な Web アニメーションの 1 つです。 GIF アニメーションの標準はシンプルで、あらゆる種類およびバージョンのブラウザで再生できます。
Macromedia の Flash は登場してまだそれほど長くはありませんが、すでに Web アニメーションの最も重要な形式の 1 つになっています。 Flash は DHTML よりも習得がはるかに簡単なだけでなく、キーフレーム トゥイーン、モーション パス、アニメーション マスク、シェイプ変形、オニオン スキンなどの重要なアニメーション機能も多数備えています。この多機能なプログラムを使用すると、Flash ムービーを作成できるだけでなく、アニメーションを QuickTime ファイル、GIF89a ファイル、またはその他のさまざまなファイル形式 (PICT、JPEG、PNG など) としてエクスポートすることもできます。
フレームは、Web ページの構成形式であり、複数の関連する Web ページのコンテンツを 1 つのブラウザー ウィンドウに整理します。たとえば、あるフレームにナビゲーション バーを配置し、ナビゲーション バーのリンクをクリックすると、別のフレームのコンテンツが変更されるようにすることができます。このようにすると、ナビゲーション バーのコンテンツを各列の Web ページにコピーする必要はなく、ナビゲーション バーを含む Web ページを作成するだけで済みます。
これらの最も基本的な要素に加えて、Web ページにはバナー広告、字幕、ホバー ボタン、日付スタンプ、カウンター、オーディオ、ビデオなども含まれます。

<<:  年末ですが、MySQL パスワードは安全ですか?

>>:  dockerでビルドしたnacos1.3.0の実装

推薦する

Vueでミックスインを使用する方法

目次序文使い方要約する序文Vue にはコードの再利用に使われる mixins という設定項目がありま...

MySQL データベースで機密データの暗号化と復号化を実装する方法

目次1. 準備2. MySQL暗号化関数方式2.1 MySQL 暗号化2.2 MYSQL 復号化3....

Innodb システムテーブルスペースのメンテナンス方法

環境説明:実行中の MySQL 環境があります。以前の構成ファイルの設定が単純すぎたため (inno...

MySQLクラスタのDockerデプロイメントの実装

シングルノードデータベースの欠点大規模なインターネットプログラムはユーザーベースが大きいため、アーキ...

MySQL で主キーと ROWID を使用する際の落とし穴の概要

序文MySQL の rowid の概念については聞いたことがあるかもしれませんが、テストや実践が難し...

JSはアニメーションのレイアウト変換を実装します

JS でアニメーションを記述する場合、移動前に相対位置を絶対位置に変換してからアニメーション機能を実...

イメージのアップロードとダウンロードに docker をプロキシするためのプライベート ライブラリとして nexus を使用する

1. Nexusの設定1. Dockerプロキシを作成する外部ネットワーク ウェアハウスからローカル...

Vueで親子コンポーネント通信を実装する方法

目次1. 親コンポーネントと子コンポーネントの関係2. 小道具3. $エミット4. $親V. 結論 ...

Mysqlアカウント管理の原理と実装方法の詳細な説明

この記事では、例を使用して、MySQL アカウント管理の原則と実装方法を説明します。ご参考までに、詳...

MySQL でスロークエリログを有効にする方法

1.1 はじめにスロークエリログを有効にすると、MySQL は指定された時間を超えるクエリステートメ...

MySQL 5.7.18 リリース インストール ガイド (bin ファイル バージョンを含む)

インストール プロセスは、コンパイル手順を除いて、基本的にソース バージョンと同じです。この記事では...

VMware vCenter 6.7 のインストール プロセス (グラフィック チュートリアル)

背景当初は VMware の公式 Web サイトから 6.7 Vcenter をダウンロードしたかっ...

一目でわかる$nextTickの説明

目次1. 機能説明2. 親コンポーネント3. サブコンポーネント NextTick.vue 4なぜ未...

Ubuntu LinuxにOracle Java 14をインストールする方法

最近、Oracle は Java 14 (または Oracle JDK 14) の一般公開を発表しま...

トップナビゲーションバー機能を実現するCSS+HTML

ナビゲーション バー、固定トップ ナビゲーション バー、およびセカンダリ メニューの実装効果図の実装...