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の実装

推薦する

Docker のインストールと構成イメージの高速化の実装

目次DockerバージョンCentOS に Docker エンジンをインストールするシステム要件古い...

ウェブページ作成時に標準 HTML コードを使用する際のポイント

<br />多くのウェブサイト デザイナーが犯す最も一般的な間違いは、ウェブページが I...

Linux で Nginx ロード バランシングを使用して複数の Tomcat を構成する方法

Linux に nginx と複数の tomcat をインストールする方法はここでは紹介しません。不...

jsはショッピングウェブサイトの商品の拡大鏡効果を実現します

この記事では、ショッピングサイトの商品の拡大鏡効果を実現するためのjsの具体的なコードを紹介します。...

ico ミラー コードを HTML に追加します (favicon.ico はルート ディレクトリに配置されます)

コード:コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC &...

(MariaDB) MySQL のデータ型とストレージメカニズムの包括的な説明

1.1 データ型の概要データ型は、各フィールドに保存できるデータの種類、保存できるデータの量、保存で...

Linux システムでログを手動でスクロールする方法

ログローテーションは、Linux システムでは非常に一般的な機能です。ログローテーションは、システム...

Docker ネットワークの原理とカスタム ネットワークの詳細な分析

Docker はホストマシン上のブリッジを仮想化します。コンテナを作成して起動すると、各コンテナには...

MySQL 同期遅延が発生したときに Seconds_Behind_Master が 0 のままになる理由

目次問題の説明原理分析問題分析拡大する総括する問題の説明ユーザーはプライマリ データベースに対して変...

jQueryはマウスドラッグ画像機能を実装します

この例では、jQuery を使用してマウス ドラッグ イメージ機能を実装します。まず、ラッパーを設定...

ファイアウォールの iptables 戦略を使用して Linux サーバー上のポートを転送する方法

2つの異なるサーバー間の転送ポート転送を有効にするまず、デフォルトでは無効になっている IP 転送機...

HTML スペースコードの簡単な分析

HTML についてどれくらい知っていますか? 現在、基本的な HTML コードを学習している場合は、...

数字当てゲームを実装するための純粋なJavaScript

100 以内の自然数をランダムに選択し、プレイヤーに 10 ラウンド以内にその数を推測させる数字推...

Docker: /etc/default/docker の DOCKER_OPTS パラメータを変更しても反映されない

デフォルトでは、 /etc/default/docker 設定は有効になりません。docker 環境...

CSSを使用して複数の画像を中央に水平に表示する方法

まず実装手順について説明します。最終結果 2. コードの実装HTML部分 <div class...