Symbol innerhalb der Schaltfläche in HTML

Question

Ich muss kleine Symbol in Button in HTML (zum Beispiel muss ich Facebook Button auf meiner Website, in der Taste zuerst F-Symbol und dann "Facebook") haben. Wie geht das ?

Answer 1

CSS:

.facebook-button { 
    background: url('facebook-logo.png') left center no-repeat; 
    padding-left: 15px; 
}

HTML:

<input type="button" class="facebook-button" value="Facebook" />

Answer 2

<button><img src="facebook.png" alt=""> Facebook</button> 

Answer 3

folgende Daten Fügen Sie den Pfadnamen

<img src="images/facebook-logo.png"/> 

Fügen Sie die Breite für das Bild verwendet und Höhenattribute, wenn Sie möchten die Größe des Symbols ändern

<img src="images/facebook-logo.png" width="75" height="75"/>