Иконка внутри кнопки в HTML

Question

Мне нужно поместить маленькую иконку внутри кнопки в HTML (например, мне нужно иметь кнопку facebook на моем сайте, внутри кнопки сначала значок F, а затем «facebook»). Как это сделать ?

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

Добавьте следующие данные, используя имя пути для изображения

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

Добавьте атрибуты ширину и высоту, если вы хотите изменить размер значка

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