まずは本体から始めましょう: ウェブページを閲覧するとき、最初に目に留まるのは通常、ページの背景です。バックグラウンドミュージックがあれば、さらに魅力的になります。本当ですか?それでは、これらはどのように達成されるのですか?以下を参照してください: 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 の redo ログにはトランザクションの動作が記録されることはご存じの...
この記事では、インターフェースのスライド効果を実現するためのVueの具体的なコードを例として紹介しま...
純粋なフロントエンド実装:切片上傳斷點續傳。斷點續傳カットとアップロードに基づいて実装する必要があり...
線形グラデーション 背景画像: linear-gradient(方向、開始色、中間色1、中間色2、....
簡単に言えば、MySQL ワーム レプリケーションは、クエリされたデータを指定されたデータ テーブル...
場合によっては、ベースイメージに特定の依存関係をインストールする必要があります。Dockerfile...
mysql-5.7.17-winx64 は MySQL の最新バージョンです。インストールは無料で...
conda アップデート conda pip で tf-nightly-gpu-2.0-previ...
1. <body> タグ: Web ページの本体をマークするために使用されます。body...
この記事では、Web ページ レイアウト デザインのいくつかの簡単な原則をまとめ、Web ページ デ...
VMware ワークステーションの仮想マシンの互換性の問題を解決するにはどうすればよいですか?ノート...
ザビックス2019/10/12 チェンシン参照するhttps://www.zabbix.com/do...
注: データベースのバージョンの問題により、プロジェクトの起動時にエラーは発生しませんでしたが、デー...
質問コントロールをクリックすると、コントロールの下にフローティング レイヤーが表示されます。通常の方...
MySQL のインデックスの種類には、通常のインデックス、一意のインデックス、全文インデックスがあり...