Вы можете ссылаться на своей странице на другую страницу с помощью элемента ссылки (a).
Вот пример такой ссылки на https://www.google.com/:
Пример кода со ссылкой
<a href="https://www.google.com"></a>
Давайте добавим элемент ссылки после абзаца, который ссылается на страничку с результатом запроса поиска котят
https://www.google.com/search?q=%D1%84%D0%BE%D1%82%D0%BE+%D0%BA%D0%BE%D1%82%D1%8F%D1%82. Обратите внимание, что на этом этапе ссылка ещё не будет отображаться в предварительном просмотре. Вы можете убедиться в этом сохранив и обновив веб-страницу.
Чтобы наша ссылка отобразилась, нужно указать её представление. Давайте поправим строку таким образом:
<a href="https://www.google.com/search?q=%D1%84%D0%BE%D1%82%D0%BE+%D0%BA%D0%BE%D1%82%D1%8F%D1%82">Найти фото котят</a>
Ниже приведён полный код страницы:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
</head>
<body>
<main>
<h1>Приложение "Котята"</h1>
<h2>Фото котят</h2>
<!-- TODO: Фото берем по этой ссылке D:\Cats foto\ -->
<p>Все любят милых маленьких котят!</p>
<a
href="https://www.google.com/search?q=%D1%84%D0%BE%D1%82%D0%BE+%D0%BA%D0%BE%D1%82%D1%8F%D1%82">Найти фото котят</a>
<img src="Cats_Image_1.png" alt="Котёнок с зелеными глазами смотрит на вас">
</main>
</body>
</html>
Давайте теперь сохраним страницу и переоткроем её. Слева от картинки мы увидим ссылку, по нажатию на которую открывается результат поискового запроса в Гугл.
