[UKR-3] - Як створити посилання в HTML? Повний гайд: від href до target="_blank"
Ти не знаєш, як працює інтернет! 🤯 Досить гадати, яка магія переносить тебе з одного сайту на інший за один клік. У цьому відео ми розберемо справжню «серцевину» вебу — гіперпосилання. Ми поглянемо «під капот» тегу "a", який автори називають цифровим порталом, і вивчимо його анатомію. Ти дізнаєшся, чому атрибут href є критично важливим і що таке URL-адреса. Ми порівняємо абсолютні та відносні шляхи, а також навчимося керувати поведінкою посилань за допомогою атрибута target. Наприкінці ми підіб’ємо підсумок трьома золотими правилами роботи з атрибутами, які зроблять твій код професійним. Один скромний тег з'єднує мільярди документів у єдину мережу — навчись керувати цією силою вже зараз!
00:00 — Вступ: Гіперпосилання як магічні портали мережі 🌀
00:20 — Як ми подорожуємо інтернетом за один клік?
00:54 — Анатомія Порталу: Розбираємо тег "a" на кісточки
01:11 — Що таке атрибут? Аналогія з налаштуваннями автомобіля 🚗
01:37 — Тег-якір: Чому без адреси це просто декорація
02:04 — Куди веде портал? Обов'язковий атрибут href
02:42 — Що таке URL? Абсолютні та відносні шляхи 📍
03:19 — Практика: Складаємо всі частини робочого посилання в коді
03:42 — Як відкривається посилання? Нова чи поточна вкладка
04:02 — Атрибут target: Різниця між _self та _blank
04:42 — Посібник для творця: 3 головних правила для атрибутів 🏆
05:12 — Підсумок: Один тег, що з'єднує весь світ
This video answers the following queries:
Що таке тег "a" в HTML і чому його називають «якорем»?
Як працює атрибут href і чому він обов'язковий для посилань?
У чому різниця між абсолютними та відносними URL-адресами?
Як відкрити посилання в новій вкладці через target="_blank"?
Які основні правила написання атрибутів у тегах HTML?
LSI: тег а посилання, гіперпосилання html, атрибут href значення, відкрити в новій вкладці target blank, абсолютна адреса url, відносний шлях html, синтаксис атрибутів тегу, створення меню сайту, основи фронтенд розробки українською, як працює інтернет для чайників.
#HTML #WebDev #Програмування #Frontend #НавчанняIT #Верстка #ТегA #ITУкраїна #ПрограмуванняУкраїнською