HTML картинки и иконка сайта

preview_player
Показать описание
Привет ребята! Продолжаем дальше. Сегодня мы узнаем как задаются иконки на сайте, а так же некоторые нюансы, связанные с отображением в разных браузерах. А потом научимся вставлять картинки прямо на наш сайт. И еще вы увидите разницу между растровыми картинками (jpg, jpeg, png, gif, ico и т.д.) и векторной графикой SVG.

  1. CodexWeb (бывший Master-CSS)
  2. master-css
  3. html
  4. html5
  5. михалевич сергей
  6. html-мастер
Рекомендации по теме
HTML картинки и 0:12:28

HTML картинки и иконка сайта

Как добавить Favicon 0:06:53

Как добавить Favicon в HTML || HTML full course || HTML полный курс

Уроки HTML, CSS 0:15:36

Уроки HTML, CSS Как добавить иконку сайта favicon

Как вставить картинку 0:01:41

Как вставить картинку в html | HTML уроки

HTML-мастер - быть 0:05:58

HTML-мастер - быть или не быть??

Как вставить картинку 0:10:48

Как вставить картинку на веб-страницу (Основы HTML и CSS)

Картинки и иконки 1:55:57

Картинки и иконки в HTML/CSS

Основы HTML и 0:06:51

Основы HTML и CSS - 10 - Добавляем логотип

HTML & CSS 0:15:28

HTML & CSS практика | Верстаем меню сайта

Как сделать и 0:04:47

Как сделать и установить иконку на WordPress или HTML сайт за 5 минут...

HTML & CSS 0:13:09

HTML & CSS практика | Карточка товара

Как сделать кастомный 0:03:04

Как сделать кастомный поиск(input) на веб-сайте? HTML, CSS

Веб-разработка: Первая веб 0:04:51

Веб-разработка: Первая веб страница, HTML, CSS, иконка сайта...

Html и Css 0:07:02

Html и Css с Нуля - урок 13 иконки на сайте

Как вставить HTML 0:03:35

Как вставить HTML картинку на страницу сайта

Иконки юникода в 0:27:10

Иконки юникода в HTML

How to Set 0:01:20

How to Set an Icon to Browser Tab HTML Webpage

Иконки социальных сетей 0:03:38

Иконки социальных сетей с крутым эффектом наведения. На чистом HTML и CSS...

set favicon in 0:00:44

set favicon in your webpage. #css #frontenddeveloper #html #webdesign #javascript

ОСНОВЫ HTML. КАК 0:08:33

ОСНОВЫ HTML. КАК ВСТАВИТЬ КАРТИНКУ НА САЙТ. КАК СДЕЛАТЬ ФОН САЙТУ...

How to add 0:00:34

How to add logo on website title | HTML & CSS #shorts #coding

Уроки HTML, CSS 0:09:13

Уроки HTML, CSS Как картинку сделать ссылкой

Тег picture в 0:10:08

Тег picture в HTML. Адаптивные изображения

Какие нужны фавиконки 0:06:02

Какие нужны фавиконки — HTML Шорты

Комментарии
Автор

Твои видео отличаются от всех современных. Несмотря на то, что в обучении html с нуля на других каналах все более просто объясняется, твои видео более познавательны. Только в них я узнал, как поставить иконку на страницу. Ни в одном другом видео я не нашел этой информации. Спасибо огромное!

Лич-ря
Автор

Спасибо за svg в редакторе и title в заголовке - это для меня стало открытием)

huyvgovne
Автор

Ставлю лайк! Жду продолжения! Спасибо за вашу работу!

АлександрОвечкин-зз
Автор

Достаточно так прописать <link rel="icon" href="путь и через точку формат картинки"

shoguneiraidenbaal
Автор

Сергей спасибо за видео просто и понятно я за этот курс обучение html css хотел заплатить 40000 рублей хех у тебя бесплатно и без мусора. лайк поставил

Anyone
Автор

Спасибо! Снимайте еще очень помог урок.

ПавелПетровичев-ыц
Автор

У меня без сервера иконка отобразилась. Я так рад))

sculp_vetrov
Автор

Привет ребята! Продолжаем дальше. Сегодня мы узнаем как задаются иконки на сайте, а так же некоторые нюансы, связанные с отображением в разных браузерах. А потом научимся вставлять картинки прямо на наш сайт. И еще вы увидите разницу между растровыми картинками (jpg, jpeg, png, gif, ico и т.д.) и векторной графикой SVG.

CodexWeb
Автор

Урок, конечно, нужный и в тему, но, да простит меня автор, - Александр Бородач 2

Piter-
Автор

Ребята помогите ! не получается иконку установить на chrome, кэш чистил, сам тэг раз 10 пересмотрел все правильно написано. не могу понять причину.

ПИОНЕРТВ-ох
Автор

Привет! ссылка на архив не работает, можно ее обновить или сделать другую?Спасибо!

ZXC-bo
Автор

Все уже 56 лаков гоу гоу гоу следующие видео

patriotpersia
Автор

Не получилось подключить иконку. Делал все как в видео. Может путь не правильный?

СашаАртеменко-сщ
Автор

Ура получилось 30 минут у меня заняло чтоб всё зделать

magister
Автор

Здрасти!
Вопрос такой, можно иконку сайта прописать с помощью css?

andrejj
Автор

А как вставлять огромное количество картинок ? Можно как-нибудь автоматизировать процесс?

Ӎїк̆їо̂
Автор

Ребята, сегодня воскресенье - завтра выложу :)

CodexWeb
Автор

Следующее видео будет когда это наберет 50+ лайков

CodexWeb
Автор

Привет не подскажешь в чем причина почему робот не видит Favicon.ico браузеры видят Мозила и гугл а на ешки не отображается.
<head>
<link rel='stylesheet' type='text/css'>
<script type='text/javascript'

</head>
Это в коде сайта.
Не пойму если код не прописан от будет отображаться или нет.

ДмитрийЗабарющий
Автор

Сергей Здравствуйте! У меня что то логотип png не выходит, квадратик какой то, какие могут нюансы подскажите?

reklamavsng