Карта изображений в HTML - тег map и area + инструмент расчета координат || HTML full course

Поделиться
HTML-код
  • Опубликовано: 5 ноя 2024

Комментарии • 46

  • @thebestram9311
    @thebestram9311 Год назад +4

    Дякую, за корисну інформацію.

  • @erik_pubg
    @erik_pubg 2 года назад +4

    капееец, нам на уроке вообще не правильно объяснили, спосибо боооольше вам, подпишусь, по чаще снимайте, буду следить за вашим каналом!

  • @runner888
    @runner888 Год назад +3

    Спасибо большое, очень информативно! 👍

    • @topchiydev
      @topchiydev  Год назад

      Спасибо за обратную связь!
      Рад что понравилось видео.

  • @nemessi_10
    @nemessi_10 2 года назад +1

    Дякую за відео, дуже допомогло

  • @camillam8315
    @camillam8315 2 года назад +3

    большое спасибо

  • @Gazovchik
    @Gazovchik Год назад

    Начал смотреть
    Дима есть предложение -
    обратите внимание на произношение английских Букв/Слов - информация на канале станет более Привлекательной!
    (можно в гугл-транслейт смотреть
    сам так делаю)

    • @topchiydev
      @topchiydev  Год назад

      Ок 👌🏻

    • @СветланаШунькова-г9с
      @СветланаШунькова-г9с 5 месяцев назад

      Дима, произноси буквы как тебе вздумается, только продолжай так же доступно и понятно объяснять-))

    • @topchiydev
      @topchiydev  5 месяцев назад

      👍👍👍

  • @СергейИванов-е4м9у
    @СергейИванов-е4м9у 5 месяцев назад

    Видео полезно. Но вопрос, как это сделать адаптивным... к сожалению с изменением размера изображения как я понимаю координаты собьються... было бы неплохо этот вопрос осветить для полноты раскрытия тега и способов работы с ним

    • @topchiydev
      @topchiydev  5 месяцев назад

      Приветствую!
      Справедливое замечание, спасибо! Со временем постараюсь осветить данный вопрос 👍

  • @БактыбекЖумабеков-к9м

    Здравстуйте!
    Очень классно сделали!
    А можно сделать так, чтобы когда мы наводимся на планшет, то он меняет свой цвет?

    • @topchiydev
      @topchiydev  Год назад +1

      Приветствую!
      Спасибо за отзыв)
      Думаю можно будет попробовать реализовать такой эффект, со временем запишу видео.

  • @gogo418
    @gogo418 Месяц назад

    🖒

  • @CvIn-Olga
    @CvIn-Olga 9 месяцев назад

    Добрый день, подскажите пожалуйста, мы координаты меряем от границы картинки до объекта или от границы окна до объекта? А то у вас картинка прижата лево-верх и нет на этом акцента. Спасибо заранее

    • @topchiydev
      @topchiydev  9 месяцев назад +1

      Приветствую!
      Координаты нужно мерять от границы картинки до объекта, да действительно в видео об этом не сказал(
      Также хочу посоветовать ресурс Image Map Generator: www.image-map.net, здесь можно быстро выбирать координаты на картинке, но обратите внимание, координаты берутся от полного размера изображения, если меняете размер картинки в стилях, нужно координаты подстраивать также.

  • @sulejmanpovelitel1220
    @sulejmanpovelitel1220 2 года назад

    Только что наткнулся на ваш канал, поставил в закладки, позже буду смотреть видео, что сразу кинулось в глаза заставка видео музыка играет громко звук хороший, а вот автора слышно тихо, вам бы с качеством звука поработать, а так спасибо за уроки будем смотреть

    • @topchiydev
      @topchiydev  2 года назад +1

      Приветствую!
      Спасибо за обратную связь, попробую улучшить звук.
      Рад что уроки оказались полезными 👍

  • @tendiezone
    @tendiezone 7 месяцев назад

    как сделать так чтобы по 1 клику на 1 область открывалось 3 разных html документа одновременно?

    • @topchiydev
      @topchiydev  7 месяцев назад

      Приветствую!
      Не подскажу, думаю, что никак, одна область - одна страница.

    • @tendiezone
      @tendiezone 7 месяцев назад

      @@topchiydev пон, спасибо

  • @ВикторияМарчукова-д6н
    @ВикторияМарчукова-д6н 9 месяцев назад

    Что за программа на которой карту писали ?

  • @niqwer477
    @niqwer477 Год назад

    вы на какой программе пишите код?

    • @topchiydev
      @topchiydev  Год назад

      Приветствую!
      Visual Studio Code

  • @Ivan_Killin
    @Ivan_Killin Год назад

    А в Paint, что нельзя координаты узнать?

    • @topchiydev
      @topchiydev  Год назад

      Приветствую!
      Честно говоря не проверял, нужно будет проверить.

    • @Ivan_Killin
      @Ivan_Killin Год назад

      @@topchiydev Посмотри. Легко.

  • @Gazovchik
    @Gazovchik Год назад

    Интересно, вы никогда не пробовали раскрытый ноутбук сделать?...... - я только промучился.......

    • @topchiydev
      @topchiydev  Год назад

      Нет, не приходилось.

    • @Gazovchik
      @Gazovchik Год назад

      @@topchiydev
      Значит это и не нужно

  • @valeramakarov5359
    @valeramakarov5359 Год назад

    Добрый день.У меня слабый звук. Проверил на разнйых дивайсах.

    • @topchiydev
      @topchiydev  Год назад

      Приветствую!
      Это действительно так.
      К сожалению, на то время была такая запись.

    • @valeramakarov5359
      @valeramakarov5359 Год назад

      Ролики отличные! Слежу за вами!

    • @topchiydev
      @topchiydev  Год назад

      Спасибо!
      Рад что нравится.

    • @valeramakarov5359
      @valeramakarov5359 Год назад

      Скажйыте возможно получить ссылку на картинки для практики?

    • @topchiydev
      @topchiydev  Год назад

      Да, немного позже добавлю ссылку.

  • @МихаилРогочий
    @МихаилРогочий Год назад

    не работает расширение

    • @topchiydev
      @topchiydev  Год назад

      Приветствую!
      Расстояние можно узнать используя графический редактор, например paint или можно воспользоваться сайтом www.image-map.net - это сайт на который можно загрузить изображение и узнать координаты необходимой области.

    • @tendiezone
      @tendiezone 7 месяцев назад

      расширение live server надо ставить в visual studio code, и открывать через live server документ, тогда линейка будет работать