HTML-Grundlagen: HTML-Inhaltsdetails

Beginnen wir mit dem Körper:
Wenn Sie eine Webseite ansehen, fällt Ihnen normalerweise als Erstes der Hintergrund der Seite auf. Wenn im Hintergrund Musik läuft, wirkt die Seite noch attraktiver! Wirklich? Wie werden diese Ziele dann erreicht? Siehe unten:

1. Hintergrundfarbe
<body bgcolor="red">Wir haben festgestellt, dass das zusätzliche bgcolor eigentlich backgroundcolor bedeutet. bgcolor="red" setzt die Hintergrundfarbe der Webseite auf Rot. Jetzt ist die Farbe im Allgemeinen im Stil #ff0000.

2. Hintergrundbild
In <body backgroud="back-ground.gif"> wird "backgroud" verwendet, um das Hintergrundbild festzulegen, und background-ground.gif ist der Name des Hintergrundbilds. Warum schreiben es einige Freunde so, aber auf der Webseite gibt es kein Hintergrundbild? Tatsächlich ist background-ground.gif die Position des Bildes relativ zu dieser Seite. Wenn Sie diese Seite beispielsweise in c:\meine Website\ und das Hintergrundbild in c:\meine Website\images\ ablegen, müssen Sie es folgendermaßen schreiben: <body backgroud="images\back-ground.gif">. Achten Sie auf den Unterschied zwischen den beiden!

3. Hintergrundmusik Hintergrundmusik unterscheidet sich stark von den beiden oben vorgestellten. Ihr Code befindet sich im Header der Seite <head></head>. Warum wird sie hier erwähnt? Denn gleichzeitig handelt es sich dabei auch um die erste Information, die wir beim Anzeigen einer Webseite erhalten. Schauen Sie sich den Code an:
<bgsound src="Hintergrundsound.mid" loop="-1">
bgsound ist der Hintergrundsound, natürlich ist background_sound.mid der Dateiname der Musik, und Sie müssen natürlich auch den relativen Pfad angeben (den relativen Pfad verstehen manche Internetnutzer möglicherweise nicht auf Anhieb, wir werden ihn in anderen Abschnitten vorstellen)! Schleife, Schleife, was bedeutet dann loop="-1"? loop ist ein Attribut von bgsound, und natürlich ist src auch eines davon. Der Attributwert folgt ihm, also bedeutet loop="-1" eine Endlosschleife. Solange die Seite geöffnet ist, wird die Musik nicht gestoppt. loop="1" bedeutet, dass sie einmal wiederholt wird, und 0 bedeutet, dass sie nicht wiederholt wird. Haha, einfach, nicht wahr!

4. Andere Attribute des Textkörpers: topmargin, leftmargin. Einige Freunde haben das Gefühl, dass beim Erstellen einer Webseite der Text oder die Tabelle nicht am oberen oder linken Rand des Browsers platziert werden kann. Was ist los? Denn die Standardwerte für topmargin und leftmargin der von uns verwendeten Produktionssoftware oder HTML-Sprache betragen normalerweise 12. Sehen Sie, was die Wirkung ist, wenn Sie ihre Werte auf 0 setzen! Vergleichen Sie <body> und <body topmargin=0 leftmargin=0> wie folgt. Interessierte Freunde können ihre Werte nach Belieben einstellen!

Okay, das ist alles für diesen Abschnitt! Jeder kann es auf seinem eigenen Computer üben, haha!

<<: Dieser Artikel zeigt Ihnen, wie die Speicherbereinigung in JavaScript funktioniert

>>: Detaillierte Erklärung der atomaren DDL-Syntax von MySQL 8.0

Verwendung des Docker-Systembefehlssatzes

HTML-Grundlagen: HTML-Inhaltsdetails

Verwendung des Docker-Systembefehlssatzes

So implementieren Sie die Formularvalidierung in Vue

nginx löst das Problem der langsamen Bildanzeige und des unvollständigen Downloads

Lernen Sie die asynchrone Programmierung in Node.js in einem Artikel

Techniken zur Wiederverwendung von HTML

Natives JS zur Implementierung eines Bildkarussells. JS zur Implementierung eines kleinen Werbe-Plugins.

Detaillierte Schritte zur Neuinstallation von VMware Tools (grafisches Tutorial)

Detailliertes Tutorial zur Installation von Nginx auf CentOS8 (Bild und Text)

js, um einen gleitenden Karusselleffekt zu erzielen

So ändern Sie schnell das Root-Passwort unter CentOS8

Artikel empfehlen

Installieren Sie Kafka unter Linux

Beispielcode zur Implementierung eines 3D-Text-Hover-Effekts mit CSS3

Verwendung der Linux Dynamic Link Library

Lösung für das Problem des wiederholten Auftauchens des Nachrichten-Popup-Fensters von Element

So installieren Sie den Apache-Dienst im Linux-Betriebssystem

Detaillierte Erklärung des Integer-Datentyps tinyint in MySQL

Wie InnoDB die Serialisierungsisolationsebene implementiert

Detaillierte Erläuterung der Reihenfolge der JS-Objektdurchquerung

Beispielcode für die Verwendung von @media in CSS3 zur Anpassung einer Webseite

So entfernen Sie den gepunkteten Rahmen beim Klicken auf einen Link in FireFox

So konfigurieren Sie SSH für die Anmeldung bei Linux mit Git Bash

MySQL8.0.18-Konfiguration mehrerer Master und eines Slaves

JavaScript imitiert den Taobao-Lupeneffekt

Erkennen Sie den CSS-Ladeeffekt nach dem Klicken auf die Schaltfläche

W3C Tutorial (10): W3C XQuery Aktivitäten