Как установить значок (рисунок) на вкладке, т.е. внутрь тега head? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 3

Как установить значок (рисунок) на вкладке, т.е. внутрь тега head?

Разрабатывая новую веб страничку, при открытии во вкладке хочется не просто название, но логотип к названию

7th Feb 2018, 6:46 PM
Шамсон Наджманов
Шамсон Наджманов - avatar
2 Answers
+ 8
Иконка вашего сайта – это маленькая картинка, которая отображается вверху вкладки рядом с названием страницы (то что написано в "title"). Изображение должно быть размером 16x16 и иметь расширение ".icon".  Картинка подключается с помощью тега "<link>", который пишется внутри заголовка страницы (между тегами "<head> </head>") Код: <html> <head> <title>Иконка сайта</title> <link rel="shortcut icon" href="images//siteicon.ico" type="image/x-icon"> </head> <body> <p>У сайта появилась иконка.</p> </body> </html> Сделайте подобное в коде вашей html-страницы и увидите, что будет. Но может быть так, что у вас нет ещё иконки, тогда вам нужно либо поискать в интернете, где можно найти множество коллекций иконок  или пройти на сайт www.favicon.ru.  На нём вы можете загрузить обычную картинку и сжать её до иконки или нарисовать самостоятельно оригинальную иконку.
7th Feb 2018, 8:15 PM
Vitaliy Angelov (Rostov-on-Don)
Vitaliy Angelov (Rostov-on-Don) - avatar
+ 2
Отлично. В стандартном обучении sololern нет этого. Премногая благодарность
8th Feb 2018, 3:06 AM
Шамсон Наджманов
Шамсон Наджманов - avatar