Ссылки: соединяем веб-пространство
Узнайте, как создавать ссылки, по которым можно переходить
«Ссылки: соединяем веб-пространство» — бесплатный урок HTML for Kids на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения HTML for Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс HTML for Kids содержит 4 уроков всего.
Ссылки: соединяем веб-пространство
Добро пожаловать в следующий урок! Сегодня мы узнаем, как создавать ссылки в HTML. Ссылки соединяют разные веб-страницы и позволяют пользователям легко перемещаться по интернету.
Что такое ссылки?
Ссылки — это элементы веб-страницы, по которым можно щёлкнуть, чтобы перейти на другую страницу, к определённому разделу или даже к файлу.
Ссылки создаются с помощью тега <a>, название которого происходит от слова «anchor» («якорь»).
Давайте создадим простую ссылку!
Создание простой ссылки
Чтобы создать ссылку, используйте тег <a> с атрибутом href. Атрибут href задаёт адрес, на который ведёт ссылка.
Пример:
<a href="https://www.google.com">
Visit Google</a>
Открытие ссылок в новой вкладке
Чтобы ссылка открывалась в новой вкладке, добавьте атрибут target="_blank" в тег <a>.
Пример:
<a href="https://www.wikipedia.org"
target="_blank">Open Wikipedia in a New Tab</a>
Ссылки на другие страницы
Ссылки также могут вести на другие страницы вашего веб-сайта. Вместо полного веб-адреса используйте относительный URL (имя файла).
Пример:
<a href="about.html">About Us</a>
Ссылки на определённые разделы
Вы можете создать ссылку на определённый раздел той же страницы с помощью ID. Добавьте ID к элементу, на который должна вести ссылка, а затем используйте #id в атрибуте href.
Пример:
<!-- Link -->
<a href="#contact">Go to Contact Section</a>
<!-- Section -->
<h2 id="contact">Contact Us</h2>
<p>Email us at contact@example.com</p>
Ссылки на адреса электронной почты
Вы можете создать ссылку, которая открывает почтовое приложение пользователя, указав mailto: в атрибуте href.
Пример:
<a href="mailto:hello@example.com">
Send an Email</a>
Добавление всплывающих подсказок к ссылкам
С помощью атрибута title можно добавить всплывающую подсказку, которая появляется, когда пользователь наводит указатель на ссылку.
Пример:
<a href="https://www.python.org"
title="Visit the Python website">Learn Python</a>
Отличная работа!
Поздравляем! Вы научились создавать ссылки, открывать их в новых вкладках, создавать ссылки на определённые разделы и даже ссылки на адреса электронной почты. Ссылки — основа веб-пространства: они соединяют всё между собой. В следующем уроке мы узнаем, как добавлять изображения на веб-страницы. Приготовьтесь сделать свои страницы более красочными!
Изучай HTML с ИИ-репетитором — бесплатно
Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.
- Курсы
- 16
- Уроки
- 35
Часто задаваемые вопросы
Урок «Ссылки: соединяем веб-пространство» бесплатный?
Да — полный текст урока «Ссылки: соединяем веб-пространство» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс HTML for Kids, подпишись на CoddyKit PRO. Курс HTML for Kids содержит 4 уроков всего.
Чему я научусь в уроке «Ссылки: соединяем веб-пространство»?
Узнайте, как создавать ссылки, по которым можно переходить Ты практикуешь HTML for Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать HTML for Kids?
Предыдущий опыт не требуется. HTML for Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «Ссылки: соединяем веб-пространство»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке HTML for Kids?
Да. Каждый урок HTML for Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Заголовки и абзацы
- Списки: нумерованные и маркированные
- Ссылки: соединяем веб-пространство
- Изображения: добавляем картинки на страницу