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

推薦する

インデックススキャンを使用したMySQLソート

目次sakilaをインストールするインデックススキャンソートテーブル構造インデックススキャンをソート...

Apple Watchのインタラクションデザインにおける4つの全く異なる体験が明らかに

今日も Watch アプリのデザインに関する話です。私はケーススタディが大好きなので、同じトピックを...

iOS スタイルの選択ボックスの開閉機能を実装するための純粋な CSS

1 効果デモアドレス: https://www.albertyy.com/2020/7/check...

HiveメタデータをMySQLに設定するプロセス全体

Hiveのインストールディレクトリで、confディレクトリに入り、hive-site.xmlファイル...

MySQL ストアド関数の詳細な紹介

目次1. ストアド関数を作成する2. ストアド関数の呼び出し3. 保存された関数を削除する4. スト...

ワンクリックで雨や雪のエフェクトを実現する ThingJS パーティクルエフェクト

目次1. パーティクルエフェクト2. シーンを読み込む3. さまざまな粒子効果の実現エンディング: ...

HTML で #include ファイルを使用する例

a.htmとb.htmの2つのファイルがあります。同じディレクトリ内のa.htmの内容は次のとおりで...

CSS スティッキーフッター実装コード

この記事では、CSS スティッキー フッターの実装コードを紹介し、共有します。詳細は次のとおりです。...

mysql mycat ミドルウェアの簡単な紹介

1. mycatとはエンタープライズアプリケーション開発のための完全にオープンソースの大規模データベ...

CSS3 境界効果

CSSとは# CSS (Cascading Style Sheets の略) は、「カスケーディング...

Win10にmysql8.0.15 winx64をインストールしてサーバーに接続する際に問題が発生しました

1. mysql-8.0.15をダウンロード、インストール、設定する1. 公式サイト (https:...

CentOS7 で yum を使用して PostgreSQL と PostGIS をインストールする方法

1. yumソースを更新するCentOS7 のデフォルトの yum リポジトリの PostgreSQ...

MySQL のインデックスと制約の例文

外部キーテーブルの主キーがどのテーブルの外部キーであるかを照会する 選択 テーブル名、 列名、 制約...

コードレイン効果を実現するJavaScriptキャンバス

この記事では、コードレイン効果を実現するためのキャンバスの具体的なコードを参考までに共有します。具体...

Ubuntu 18仮想マシンのクローン作成後に同じIPアドレスになる問題の解決方法

序文最近、仮想マシンを使用して Ubuntu 18.04 をインストールしました。クローン作成後、I...