Während der Entwicklung einer Website ist es erforderlich, Elemente organisiert zu platzieren, insbesondere beim Erstellen einer Komponente, die zusätzlichen Text enthält. Wenn der Text unorganisiert ist, wird im anderen Fall Lesbarkeitsprobleme verursacht. Um dieses Problem zu vermeiden, bietet HTML ein Tag, das für den angegebenen Zweck verwendet werden kann.

Dieses Handbuch bietet eine Anleitung zum HTML -Element. Also lasst uns anfangen!

Bevor Sie sich mit der Diskussion zum Thema des Artikels befassen.

Wie Element Inhalt ohne das Element anzeigen?

Im folgenden Beispiel werden der Inhalt mit der “angezeigtEinzelheiten”Tag ohne das Zusammenfasselement:

Dies ist eine detaillierte Erklärung.

Standardmäßig zeigt das Element ein Überschrift Detail an, das für sich selbst nicht aussagekräftig ist:

Aus der obigen Ausgabe kann beobachtet werden, wie das Detailelement ohne das HTML -Element funktioniert.

Im nächsten Abschnitt wird die ordnungsgemäße Verwendung des HTML -Tags erörtert.

Was ist HTML -Tag?

In HTML die “Das Element wird im Element verwendet, um eine Überschrift anzugeben. Diese Überschrift kann die Details angezeigt oder verbergen.

Syntax

Inhalt…

Inhaltsdetails…

Unten finden Sie die Beschreibung der oben genannten Syntax:

• • “Element gibt die zusätzlichen Informationen an.
  • “Element gibt eine sichtbare Überschrift an, auf die geklickt wird, um die Details anzuzeigen oder auszublenden.

Gehen Sie nun auf das folgende Beispiel.

Beispiel: So fügen Sie Tag in HTML hinzu?

Fügen Sie in HTML zunächst ein Div -Element mit dem Klassennamen hinzu “FAQs”. Dann füge hinzu

Element zum Hinzufügen einer Überschrift auf der Webseite. Danach Place Tag, das die detaillierten Informationen enthält. In diesem Element wird das Element verwendet, um die Überschrift anzugeben. Wir werden zwei weitere hinzufügen “EinzelheitenElemente ähnlich.

Html

Häufig gestellte Fragen

Wie kann ich für jedes Produkt einkaufen??

Sie können das Produkt erhalten, indem Sie einfach auf die Schaltfläche zum Warenkorben hinzufügen und mit der Zahlung fortfahren.

Wie lange dauert die Lieferung??

Sie können Ihr Produkt in zwei bis drei Arbeitstagen erhalten.

Akzeptieren Sie Bargeld für die Lieferung?

Ja.

CSS

In CSS sind die HTML -Elemente mit unterschiedlichen Styling -Eigenschaften versehen.

Stil alle Elemente

*
Schriftfamilie: Verdana, Genf, Tahoma, Sans-Serif;

Das obige Code -Snippet stellt das dar, dass das “Schriftfamilie”Mit dem Wert Verdana, Genf, Tahoma, Sans-Serif wird auf alle Elemente angewendet. Darüber hinaus wird die Liste der Schriftarten für den Zweck verwendet, dass der Browser, wenn er den ersten nicht unterstützt, den zweiten anwendet und so.

Stil FAQs Div

.FAQs
Breite: 500px;
Höhe: 300px;
Rand: 0 Auto;
Polsterung: 20px;
Hintergrundfarbe: #B73E3E;
Cursor: Zeiger;
Farbe: Ghostwhite;
Schriftgröße: 15px;

Die folgenden Eigenschaften werden auf das Element mit Klassennamen angewendet “FAQs:

• • “BreiteEigenschaft wird für die Einstellung der Breite des Elements verwendet.
  • “HöheEigenschaft wird für die Einstellung der Höhe des Elements verwendet.
  • “Rand”Eigenschaft mit Wert“0 Auto”Zeigt den 0px -Speicherplatz oben und unten und gleicher Platz auf der linken und rechten Seite des DIV -Elements an.
  • “Polsterung”Eigenschaft mit einem Wert von“20px”Erzeugt 20px Raum um den Inhalt des DIV -Elements.
  • “HintergrundfarbeEigenschaft wird für die Einstellung des Hintergrunds des Elements verwendet.
  • “MauszeigerZeiger zeigt die Maus als Hand mit einem zeigenden Finger an.
  • “FarbeDie Eigenschaft setzt die Schriftfarbe auf Ghostwhite.
  • “SchriftgrößeDie Eigenschaft passt die Größe der Schriftart auf 15px an.

Stil H1 -Element von FAQs Div

.FAQs H1
Farbe: #ffe4bb;
Textdekoration: unterstreicht 2PX-Wellen;

Der ".FAQs H1”Wird an die verwiesen

Tag der FAQs Div. Die Erklärung der angewandten Eigenschaften wird unten beschrieben:

• • “FarbeEigenschaft legt die Schriftfarbe fest.
  • “Textdekoration"Eigenschaft wird mit dem Wert festgelegt"unterstreichen 2px wellig„Wenn es die Textdekorationseigenschaft unterstreicht, ist 2PX die Breite der Linie und wellig der Stil.

Stildetailelement

Einzelheiten
Polsterung: 5px;

Das Element wird mit dem angewendetPolsterung”Eigenschaft, die Platz um den Inhalt des DIV -Elements anwendet.

Stilübersichtselement

Zusammenfassung
Polsterung: 6px;
Schriftgröße: 20px;
Farbe: Whitesmoke;

Das Element wird mit CSS -Stilen angewendet, die unten beschrieben werden:

• • “Polsterung”Eigenschaft mit Wert“6pxErstellen Sie Platz um den Inhalt des zusammenfassenden Elements.
  • “SchriftgrößeDie Eigenschaft legt die Größe der Schriftart fest.
  • “Farbe”Eigenschaft wendet die“ an "weißer Rauch”Farbe zur Schriftart.

Durch die Bereitstellung des oben bereitgestellten Codes sieht unsere Webseite so aus:

Es kann beobachtet werden, dass eine Zusammenfassung jeder der angegebenen Punkte erfolgreich damit in Verbindung gebracht wurde.

Abschluss

HTML ermöglicht es uns, das zu verwendenElement, das die Überschrift anzeigt, die die Details beim Klicken anzeigen oder ausblenden kann. Dieses HTML -Element kann verwendet werden, um den Inhalt zu organisieren und den Gesamtinhalt der Webseite zu erhöhen. Dieser Artikel hat erfolgreich gezeigt, was ein HTML -Zusammenfassungs -Tag ist und wie es in eine HTML -Datei eingefügt werden kann.