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 仮想マシンクラスタの構築)