Detaillierte Erläuterung des HTML-Body-Tags und häufig verwendeter Steuer-Tags in HTML

1. <body>-Tag:

Wird verwendet, um den Hauptteil einer Webseite zu markieren. Das Body-Element enthält den gesamten Inhalt des Dokuments (wie Text, Hyperlinks, Bilder, Tabellen, Listen usw.).

1. Verfügbare Attribute im Body-Tag:
bgcolor="Farbwert": Legt die Hintergrundfarbe der gesamten Webseite fest
text="Farbwert": Legt die Farbe des Textes fest
link="Farbwert": Legt die Anzeigefarbe des allgemeinen Hyperlinktextes fest
vlink="Farbwert": Legt die Farbe des besuchten Hyperlinktextes fest
alink="Farbwert": Legt die Anzeigefarbe des Hyperlinktextes fest, wenn die Maus über den Hyperlink bewegt wird und die Maustaste gedrückt wird.
bgcolor="Farbwert": Legen Sie die Hintergrundfarbe der Webseite fest
Hintergrund: Legen Sie das Hintergrundbild der Webseite fest. Dies kann ein Bild im GIF- oder JPEG-Format sein (es überdeckt die Hintergrundfarbe der Webseite (wenn das Bild transparent ist, können Sie die Hintergrundfarbe sehen). Da die Hintergrundattribute eine hierarchische Beziehung haben, ist es am besten, kein Hintergrundbild festzulegen).

2. Eigenschaften des Webseiteninhalts und der Browserränder: Standardmäßig gibt es einen Rand zwischen dem Webseiteninhalt und dem Browserrand.

leftmargin="Pixelwert": Legt den Abstand zwischen dem Inhalt der Webseite und dem linken Rand des Browsers fest
rightmargin="Pixelwert": Legt den Abstand zwischen dem Inhalt der Webseite und dem rechten Rand des Browsers fest
topmargin="Pixelwert": Legt den Abstand zwischen dem Inhalt der Webseite und dem oberen Rand des Browsers fest
bottommargin="Pixelwert": Legt den Abstand zwischen dem Inhalt der Webseite und dem unteren Rand des Browsers fest

2. Häufig verwendete Steuer-Tags in HTML:

1. <br />: Zeilenumbruch-Tag (Zeilenumbruch, nicht Absatzumbruch)

2. <p>..</p>: Absatz-Tag (ein Absatz nimmt eine Zeile ein und ist ein Element auf Blockebene)
Attribute: linksbündig (Standard) rechts zentriert

3. <hr />: Fügt eine horizontale Linie hinzu

Eigentum:
Breite:
Absolute Pixeleinstellung, die Länge ändert sich nicht mit der Fensterbreite. Relative Prozenteinstellung, die Länge ändert sich mit der Fensterbreite.
Größe:
Absolute Pixeleinstellungen werden als Zahlen ausgedrückt. Je größer der Wert, desto dicker die Linie. Prozentuale relative Einstellungen werden als % ausgedrückt. Je größer der Wert, desto dicker die Linie.
Farbe: Stellen Sie die Farbe ein
noshade="noshade" setzt den 3D-Anzeigeeffekt für den Horizont

4. <hx>..</hx>: HTML-Titel werden durch Tags wie <h1> – <h6> definiert, und <h1> definiert den längsten Titel. <h6> definiert den kleinsten Titel (es hat keine Auswirkung, wenn er h6 überschreitet, und es gibt einige versteckte Eigenschaften: automatischer Absatzumbruch, Fettschrift).

Attribute: align (Ausrichtung): links links rechts rechts zentriert zentriert

5. <b>..</b>: Den Text fett machen

6. <blockquote>...</blockquote>: Wenn ein Text von einer anderen Website zitiert wird, binden Sie ihn mit diesem Tag ein und fügen Sie das Attribut cite="zitierte Adresse" hinzu (der eingefügte Text wird auf beiden Seiten eingerückt)

Attribut: cite=url (die zitierte Adresse)

7. <pre>..</pre>: Definiert vorformatierten Text. Der im Pre-Element eingeschlossene Text behält normalerweise Leerzeichen und Zeilenumbrüche. Der Text wird auch in einer monospaced Schriftart wiedergegeben

8. <i>..</i>: Neigung

9. <strong>..</strong>: Den Satz verstärken (fett)
10. <em>..</em>: Den Satz verstärken (Neigung)
11. <address>..</address>: Die Adresse wird automatisch gekippt

12. <small>...</small>: kleine Schriftart

13. <big>...</big>: Große Zeichen

14. <del>..</del>: Löschen fügt einen Durchstreichungstext hinzu

15. <ins>..</ins>: Änderungen werden unterstrichen

16. <u>..</u>: unterstreichen
17. <s>..</s>: Zeile löschen
18. <tt>...</tt>: Telegraph-Schriftart

19. <sup>..</sup>: hochgestellt
20. <sub>..</sub>: tiefgestellt

21. Häufig verwendete Sonderzeichenformate: andere Entitäten im Referenzhandbuch

Code kopieren

Der Code lautet wie folgt:

<<: Vue + elementui realisiert Mehrfachauswahl- und Suchfunktionen der Dropdown-Tabelle

>>: Häufige Fragen und Antworten im Vorstellungsgespräch für Stellen als Webdesigner

Detaillierte Erklärung des Sandbox-Mechanismus von Vue3

Detaillierte Erläuterung des HTML-Body-Tags und häufig verwendeter Steuer-Tags in HTML

Detaillierte Erklärung des Sandbox-Mechanismus von Vue3

JavaScript-Farbbetrachter

So komprimieren Sie Bilder effektiv mit JS

W3C Tutorial (15): W3C SMIL Aktivitäten

JS realisiert einfachen Bildkarusselleffekt

Tools zur Bildoptimierung für Webseiten und Tipps zur Verwendung

Vue implementiert das Methodenbeispiel der Tab-Routing-Umschaltkomponente

React implementiert die Prinzipanalyse der drei Phasen Laden, Laden, Abschluss und Ladefehler

Der Prozess der JDK-Installation und Konfiguration von Umgebungsvariablen unter WIN10 (detaillierte Version)

Verwenden der Outline-Offset-Eigenschaft in CSS zum Implementieren eines Pluszeichens

Artikel empfehlen

Methode zum Schreiben von bedingten Kommentaren und Beispielcode

Ubuntu20.04 VNC-Installation und Konfigurationsimplementierung

js, um einen einfachen Drag-Effekt zu erzielen

Erfahren Sie schnell, wie Sie mit der Vuex-Statusverwaltung in Vue3.0 beginnen

Detaillierte Erklärung der MySQL-Grundoperationen (Teil 2)

Detaillierte Erläuterung der SSHD-Dienste und Dienstverwaltungsbefehle unter Linux

Detaillierte Analyse des Problems der Groß-/Kleinschreibung von Bezeichnern in MySQL

Schritte zum Erstellen eines WEBSERVERS mit NODE.JS

Tutorial zum Bereitstellen von nginx+uwsgi in Django-Projekten unter Centos8

Der Unterschied zwischen Schlüssel und Index in MySQL

Detaillierte Erklärung, wie Sie alle untergeordneten Elemente mit CSS auswählen

So implementieren Sie die JavaScript-Ausgabe der Fibonacci-Folge

Detaillierte Erklärung der nmcli-Verwendung in CentOS8

Beispiele für die Verwendung von React Ref

React Native JSI implementiert Beispielcode für RN und native Kommunikation