Einbetten Sie das Bild in ein Element ein - HTML

Machen Sie als Nächstes eine einfache Schaltfläche mit dem Schaltflächen -Tag “<Taste> ”Und eine Klasse angeben“Einreichen”Im Knopf. Stellen Sie dann die Schaltflächengröße mit der Verwendung der “einBreite" Und "Höhe”Attribute. Zum Beispiel haben wir die Breite als “gesetzt“100px"Und die Höhe als"50px”:

HTML -Bild

TSL Content Creators

Es kann beobachtet werden, dass die Schaltfläche erfolgreich erstellt wird:

Bewegen wir uns in Richtung des nächsten Abschnitts, um das Bild in das Element einzubetten.

Wie man das Bild in Element einbettet?

Ein Bild in die “einbetten“Element, schauen Sie sich die aufgelisteten Anweisungen an:

• Geben Sie das Bild -Tag an “<img>"Zwischen den Tags zusammen mit der Quelle"src", alternativer Text "Alt""Höhe", Und "Breite”Attribute.
• Das Quellattribut “src”Wird verwendet, um auf das Bild zuzugreifen/einzubetten.
• Der alternative Text “AltDas Attribut wird verwendet, um Text anzuzeigen, wenn das Bild aus irgendeinem Grund nicht angezeigt wird:

Alt = "TSL Content Creators"
Höhe = "50px"
width = "100px">

Ausgang

In diesem Beitrag geht es darum, wie das Bild in ein Schaltflächenelement einbetten kann.

Abschluss

Um das Bild in die Schaltfläche einzubetten, erstellen Sie zunächst eine einfache Taste, indem Sie die “verwenden" Element. Dann zwischen dem "”Tags, geben Sie das Bildelement an“<img>" zusammen mit "src","Alt","Höhe", Und "Breite”Attribute. Dieser Beitrag hat die Methode zum Einbetten eines Bildes in ein Schaltflächenelement erklärt.