HTML -Attribute
Dieser Artikel bietet einen gründlichen Überblick über die HTML -Attribute, die dem Benutzer helfen, die Bedeutung von HTML -Attributen in der Webentwicklung zu verstehen. Zu diesem Zweck werden wir einige der Hauptattribute der HTML -Elemente implementieren und ein besseres Verständnis haben.
Es gibt einige Attribute, die bei den meisten Elementen wie häufig verwendet werden, z Ausweis, Titel, Stil, Und Klasse. Diese Attribute sind allgemein als Kernattribute bekannt. Wir werden sie nacheinander besprechen, und danach werden wir weitere Attribute abdecken, die den HTML -Elementen entscheidende Eigenschaften bieten.
ID -Attribut in HTML
Das ID -Attribut bietet ein Einzigartigkeit für jedes HTML -Element. Zum Beispiel haben wir zwei HTML -Elemente mit einem ähnlichen Namen, dann können wir diese Elemente basierend auf dem ID -Attribut identifizieren oder unterscheiden.
ID -Attribut 1
ID -Attribut 2
In diesem Beispiel möchten wir zwei Überschriften mit verschiedenen Stilen erstellen. Wir können dies tun, indem wir anders zuweisen “IDS”Zu den Elementen. Der obige Code liefert die folgende Ausgabe:
Titelattribut in HTML
Das Titelattribut bietet dem HTML -Element einen bestimmten Titel. Sein Verhalten hängt jedoch von dem Element ab, das die „die“ hält “Titel”Attribut. Meistens funktioniert es als Tooltip, was bedeutet, dass wenn jemand den Cursor über das Element bewegt.
Dies ist HTML -Attribut
Die unten angegebene Ausgabe bestätigt, dass beim Verschieben des Cursors über das Element der Wert der angezeigt wird Titel Attribut:
Stilattribut in HTML
Das Style -Attribut bietet Merkmalen wie Farbe, Schriftgröße, Rand usw. für jedes HTML -Element:
HTML -Attribute
In diesem Beispiel haben wir ein Absatzelement erstellt und ihm einige Attribute zugewiesen. Infolgedessen wird die folgende Ausgabe angezeigt:
Klassenattribut in HTML
Das Klassenattribut wird verwendet, um eine Klasse für ein einzelnes oder mehrere HTML -Elemente zu definieren. Es bezieht sich auf den Unterrichtsnamen in Stilblättern.
In diesem Beispiel haben wir zwei HTML -Elemente erstellt und das Klassenattribut darin verwendet. Beide Elemente tragen den gleichen Stil wie in der Klasse definiert:
Mitarbeiter 1
Erster Mitarbeiter lebt in Großbritannien
Mitarbeiter 2
Der zweite Mitarbeiter lebt in den USA
Da beide HTML -Elemente auf die gleiche Klasse zugreifen, folgen beide Elemente denselben Stil und die resultierende Ausgabe wird lautet:
SRC -Attribut in HTML
Eines der am häufigsten verwendeten HTML -Attribute ist die “src”Attribut Es trägt den Link eines Quellbildes. Dieser Link kann entweder ein absoluter Link oder ein relativer Link sein.
Der Begriff Absolute Link bezieht sich auf die URL eines Online -Platzierungsbildes, während sich der relative Link auf den lokal platzierten Bildpfad bezieht.
Wenn ein Benutzer beispielsweise ein Bild auf eine Seite einbetten möchte, wird er das verwenden Schild. Aber es wäre nicht genug, wir müssen auch den Pfad dieses Bildes hinzufügen.
Betrachten Sie nun den folgenden Code, um herauszufinden, wie die src Das Attribut wird in das Bild -Tag eingebettet:
Im obigen HTML -Code wird der Bildname zusammen mit seinem Pfad dem zugewiesen src Schild.
ALT -Attribut in HTML
Der Begriff Alt steht für Alternate. Dies wird im Element als Attribut verwendet. Ein Attribut, das einen alternativen Text für das Bild liefert, wenn das Bild aus irgendeinem Grund nicht richtig geladen wird.
Jetzt wird eine alternative Nachricht angezeigt, wenn das „John.Die PNG -Datei wird aus irgendeinem Grund geladen, wie im folgenden Snippet gezeigt:
Lang -Attribut in HTML
Das Element nimmt a Lang Attribut, das die Sprache der Webseite bestimmt. Dieses Attribut erleichtert die Suchmaschinen bei der Suche nach den sprachspezifischen Webseiten:
Der obige Code gibt die französische Sprache für die Webseite an.
HREF -Attribut in HTML
HREF steht für die Hypertext -Referenz und wird verwendet, um die URL jeder Webseite hinzuzufügen. Es wird im Tag verwendet:
Willkommen bei LinuxHint
In der Ausgabe erzeugt es einen Link, wie im folgenden Snippet gezeigt:
Durch Klicken auf den obigen Link führt uns zu einer Website, wie in der folgenden Ausgabe gezeigt:
Abschluss
HTML -Attribute definieren einige zusätzliche Eigenschaften für die HTML -Elemente. Der Zweck der Verwendung der Attribute mit unterschiedlichen HTML-Elementen besteht darin, eine hellere, klarere und gut formatierte Webseite zu entwerfen.
Dieser Artikel bietet ein detailliertes Bild von HTML -Attributen. Die Start der Hälfte dieses Artikels deckt die Kernattribute ab, in denen wir diskutieren, wie man verwendet wird Ausweis, Titel, Stil, Und Klasse Attribute in HTML -Elementen. Während die zweite Hälfte einige bekannte Attribute liefert, in denen wir herausgefunden haben, wie man verwendet wird src Und Alt Attribute beim Einbetten eines Bildes in die Webseite.