HTML の基礎: HTML コンテンツの詳細

HTML の基礎: HTML コンテンツの詳細
まずは本体から始めましょう:
ウェブページを閲覧するとき、最初に目に留まるのは通常、ページの背景です。バックグラウンドミュージックがあれば、さらに魅力的になります。本当ですか?それでは、これらはどのように達成されるのですか?以下を参照してください:



1. 背景色
<body bgcolor="red">追加の bgcolor は実際には backgroundcolor を意味することがわかりました。bgcolor="red" は、Web ページの背景色を赤に設定します。現在、色は一般的に #ff0000 スタイルです。



2. 背景画像
<body backgroud="back-ground.gif"> では、"backgroud" は背景画像を設定するために使用され、background-ground.gif は背景画像の名前です。なぜ一部の友人はこのように記述しますが、Web ページには背景画像がありませんか?実際、background-ground.gif はこのページに対する画像の位置です。たとえば、このページを c:\my website\ に配置し、背景画像が c:\my website\images\ にある場合は、次のように記述する必要があります: <body backgroud="images\back-ground.gif">。この 2 つの違いに注意してください。

3. バックグラウンド ミュージック バックグラウンド ミュージックは、上で紹介した 2 つとはまったく異なります。そのコードは、ページのヘッダー <head></head> に配置されます。なぜここで言及されているのでしょうか?これは、Web ページを表示するときに最初に受け取る情報でもあるためです。コードを見てみましょう:
<bgsound src="background_sound.mid" loop="-1">
bgsound はバックグラウンド サウンドです。言うまでもなく、background_sound.mid は音楽のファイル名です。もちろん、その相対パスも記述する必要があります (相対パスについては、一部のネットユーザーはすぐに理解できない可能性があります。他のセクションで紹介します)。ループ、ループ、では loop="-1" はどういう意味ですか? loop は bgsound の属性で、もちろん src もその 1 つです。属性値はこれに続き、loop="-1" は無限ループを意味します。ページが開いている限り、音楽は止まりません。loop="1" は 1 回ループすることを意味し、0 はループしないことを意味します。ハハ、シンプルですね!

4. body のその他の属性: topmargin、leftmargin。ウェブページを作成するときに、テキストや表をブラウザの上端または左端に配置できないと感じる友人がいます。何が起こっているのでしょうか?私たちが使用している制作ソフトウェアや HTML 言語のデフォルトの topmargin 値と leftmargin 値は通常 12 です。これらの値を 0 に設定すると、どのような効果が得られるかを確認してください。 <body>と<body topmargin=0 leftmargin=0>を比較すると以下のようになります。 興味のある友達は自由に値を設定してください!

さて、このセクションはこれで終わりです!誰でも自分のパソコンで練習できますよ、ハハハ!

<<:  CSSはウェブページの列の左側が固定されていることを認識し、一番下までスクロールすると自動的に位置を調整します。

>>:  VMware Workstation Pro 16 グラフィックチュートリアル (CentOS8 仮想マシン クラスタの構築)

推薦する

MySQL でのログインを取り消す

コンセプト紹介: MySQL の redo ログにはトランザクションの動作が記録されることはご存じの...

Vue はインターフェースのスライド効果を実装します

この記事では、インターフェースのスライド効果を実現するためのVueの具体的なコードを例として紹介しま...

Vue+element+oss はフロントエンドのフラグメントアップロードとブレークポイント再開を実現します

純粋なフロントエンド実装:切片上傳斷點續傳。斷點續傳カットとアップロードに基づいて実装する必要があり...

CSS グラデーション効果の概要 (線形グラデーションと放射状グラデーション)

線形グラデーション 背景画像: linear-gradient(方向、開始色、中間色1、中間色2、....

Mysqlデータテーブルでワームレプリケーションを使用する方法

簡単に言えば、MySQL ワーム レプリケーションは、クエリされたデータを指定されたデータ テーブル...

Dockerコミットの使い方の詳しい説明

場合によっては、ベースイメージに特定の依存関係をインストールする必要があります。Dockerfile...

MySQL 5.7.17 最新インストールチュートリアル(画像とテキスト付き)

mysql-5.7.17-winx64 は MySQL の最新バージョンです。インストールは無料で...

Linux Tensorflow2.0のインストール問題を解決する

conda アップデート conda pip で tf-nightly-gpu-2.0-previ...

HTML ボディタグと HTML でよく使われる制御タグの詳細な説明

1. <body> タグ: Web ページの本体をマークするために使用されます。body...

ウェブページレイアウトデザインのシンプルな原則

この記事では、Web ページ レイアウト デザインのいくつかの簡単な原則をまとめ、Web ページ デ...

VMware ワークステーションの仮想マシンの互換性の問題に対する解決策

VMware ワークステーションの仮想マシンの互換性の問題を解決するにはどうすればよいですか?ノート...

Zabbix 監視ソリューション - 最新の公式バージョン 4.4 [推奨]

ザビックス2019/10/12 チェンシン参照するhttps://www.zabbix.com/do...

MySql 5.6.35 winx64 インストール詳細チュートリアル

注: データベースのバージョンの問題により、プロジェクトの起動時にエラーは発生しませんでしたが、デー...

JavaScript を使用してページ要素のオフセットを取得/計算する方法

質問コントロールをクリックすると、コントロールの下にフローティング レイヤーが表示されます。通常の方...

MySQL インデックスの種類 (通常、ユニーク、フルテキスト) の説明

MySQL のインデックスの種類には、通常のインデックス、一意のインデックス、全文インデックスがあり...