Learn HTML hyperlinks in 4 minutes 👈

Summary

В этом видео объясняется, как создавать гиперссылки в HTML с использованием тега `<a>`. Рассматриваются основные атрибуты, такие как `href` для указания адреса ссылки, `target` для открытия в новой вкладке и `title` для отображения подсказки при наведении. Показаны примеры ссылок на внешние сайты, на файлы внутри проекта и для отправки электронного письма. Также рассматривается различие между абсолютными и относительными URL. В конце демонстрируется практическое задание по созданию гиперссылки на оригинальное видео песни в HTML-файле с текстом песни, что помогает закрепить полученные знания на практике.

Takeaways

• 🔗 Гиперссылка — это цифровая ссылка на данные, по которой пользователь может перейти, нажав или коснувшись текста или кнопки.
• 🧷 В HTML гиперссылка создаётся с помощью парного тега <a> (anchor), внутри которого размещается текст ссылки.
• 📎 Основным атрибутом тега <a> является href (hypertext reference), который указывает адрес страницы или файла, на который ведёт ссылка.
• 🌐 В атрибуте href можно указать абсолютный URL, например ссылку на внешний сайт, такой как Google.
• 🗂 Также можно использовать относительный URL для перехода к файлам внутри того же проекта, например к другому HTML-файлу.
• 🆕 Атрибут target="_blank" позволяет открыть ссылку в новой вкладке или новом окне браузера.
• 💬 Атрибут title добавляет всплывающую подсказку (tooltip), которая отображается при наведении курсора на ссылку.
• 📄 Для перехода к другому файлу в той же папке достаточно указать его имя в атрибуте href, например lyrics.html.
• 📧 Ссылку можно использовать для начала отправки электронного письма, применяя формат mailto:[email protected] в атрибуте href.
• 🎵 На веб-странице можно добавить ссылку на оригинальное видео песни (например, на YouTube), чтобы пользователь мог перейти к источнику.
• 🧱 Для улучшения структуры страницы можно использовать дополнительные HTML-элементы, например <br> для переноса строки.
• 🧑‍💻 Гиперссылки являются базовым и важным элементом HTML, позволяющим связывать страницы, файлы и внешние ресурсы.

Q & A

Что такое гиперссылка в HTML?

Гиперссылка в HTML — это цифровая ссылка, на которую пользователь может кликнуть или нажать, чтобы перейти на другую страницу, файл или выполнить другое действие.

Какие теги используются для создания гиперссылки?

Для создания гиперссылки используется тег <a>, который называют тегом якоря. Между открывающим и закрывающим тегами <a> размещается текст или элемент, на который можно кликнуть.

Что такое атрибут href в теге <a>?

Атрибут href в теге <a> указывает URL или путь, к которому должна вести гиперссылка. Он необходим для создания самой ссылки.

Как задать ссылку на внешний вебсайт?

Чтобы создать ссылку на внешний вебсайт, нужно указать полный URL в атрибуте href, например: <a href='https://www.google.com'>Кликните сюда</a>.

Что делает атрибут target='_blank'?

Атрибут target='_blank' заставляет ссылку открываться в новой вкладке или окне браузера. Это удобно для открытия внешних сайтов без закрытия текущей страницы.

Что такое относительный URL?

Относительный URL указывает путь к файлу, который находится в той же директории или в подкаталогах текущего веб-проекта. Например, если у вас есть файл lyrics.html, ссылка на него будет выглядеть так: <a href='lyrics.html'>Тексты песен</a>.

Как создать ссылку для отправки электронного письма?

Для создания ссылки, которая начнёт процесс отправки электронного письма, используется схема mailto. Пример: <a href='mailto:[email protected]'>Написать мне</a>.

Что происходит, если я не вошел в почтовый клиент при нажатии на ссылку mailto?

Если вы не вошли в почтовый клиент, ссылка mailto откроет его, но вы не сможете отправить письмо до тех пор, пока не выполните вход.

Можно ли добавить несколько атрибутов к одной гиперссылке?

Да, вы можете добавить несколько атрибутов к одной гиперссылке. Например, атрибут target='_blank' откроет ссылку в новой вкладке, а атрибут title предоставит всплывающее сообщение при наведении мыши.

Как добавить ссылку на видеоклип на YouTube в HTML-страницу?

Чтобы добавить ссылку на видеоклип на YouTube, нужно вставить URL видео в атрибут href тега <a>, например: <a href='https://www.youtube.com/watch?v=XYZ123' target='_blank'>Оригинальное видео</a>.