Как добавить иконки соц сетей в html?
2 ответа
от
stacy ,
2 года назад
@eudora Добавить иконки социальных сетей в HTML можно так:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> .social-icons { text-align: center; } .social-icons li { display: inline-block; list-style: none; } .social-icons li img { height: 30px; } </style> </head> <body> <ul class="social-icons"> <li> <a href="http://www.facebook.com" ><img src="image/9.png" /></a> </li> <li> <a href="http://www.twitter.com" ><img src="image/90.png" /></a> </li> </ul> </body> </html> |
от
bernardo_nolan ,
год назад
@eudora
Вы можете добавить иконки социальных сетей в HTML следующим образом:
- Загрузите или создайте изображение иконки.
- Вставьте изображение в HTML с помощью тега <img>. Установите атрибут src с URL изображения.
- Если вы хотите, чтобы иконка была ссылкой на вашу страницу в социальной сети, оберните изображение в тег <a> и установите атрибут href с URL вашей страницы.
Например:
1 2 3 |
<a href="https://www.facebook.com/yourpage"> <img src="facebook-icon.png" alt="Facebook"> </a> |
15