Ссылки
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 21 из 60.
В HTML ссылка (или гиперссылка) — это элемент, который соединяет одну веб-страницу с другой.
Вы можете создавать ссылки на другие веб-страницы, файлы, места на той же странице или любой другой URL-адрес. Ссылки создаются с помощью тега <a>, что означает anchor (якорь).
Вот базовый синтаксис для создания ссылки в HTML:
<a href="url">Link text</a><a>: Открывающий тег ссылки.href: Целевой URL-адрес ссылки.
Link text: Видимый текст, который пользователи увидят и на который нажмут.</a>: Закрывающий тег ссылки.
Вот пример того, как создать ссылку на главную страницу Google:
<a href="https://www.google.com">Visit Google</a>В этом примере, когда пользователь нажимает на текст «Visit Google», он перейдет на https://www.google.com.
Задание
ЛегкоСоздайте HTML-документ, который включает следующие ссылки:
- Ссылка, которая указывает на "https://coddy.tech" и отображает текст "Visit Coddy".
- Ссылка, которая указывает на "https://www.google.com" и отображает текст "Visit Google".
Бонус: попробуйте нажать на ссылки!
Шпаргалка
Ссылки в HTML создаются с помощью тега <a> (anchor) с атрибутом href:
<a href="url">Link text</a>href: Целевой URL-адресLink text: Видимый текст, по которому можно кликнуть
Пример:
<a href="https://www.google.com">Visit Google</a>Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Напишите код здесь -->
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2