Как создать гиперссылку в HTML

Загрузить PDF
Загрузить PDF

В этой статье мы расскажем вам, как создать гиперссылку в HTML. Это можно сделать довольно быстро.

Шаги

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a9\/Add-a-Hyperlink-with-HTML-Step-1-Version-4.jpg\/v4-460px-Add-a-Hyperlink-with-HTML-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a9\/Add-a-Hyperlink-with-HTML-Step-1-Version-4.jpg\/v4-728px-Add-a-Hyperlink-with-HTML-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Например, в Блокноте или Notepad++ (Windows), или в TextEdit (macOS). В этих программах в HTML-код можно добавить ссылку.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7f\/Add-a-Hyperlink-with-HTML-Step-2-Version-4.jpg\/v4-460px-Add-a-Hyperlink-with-HTML-Step-2-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7f\/Add-a-Hyperlink-with-HTML-Step-2-Version-4.jpg\/v4-728px-Add-a-Hyperlink-with-HTML-Step-2-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Сформируйте каркас HTML-кода с соответствующими HTML-тегами до точки, где будет вставлена ссылка. Не забудьте, что ссылка должна быть хорошо видна на странице, чтобы ею можно было пользоваться, поэтому ссылку нужно вставить после тега <body> и перед тегом </body>.
    • Вводите следующие теги с новой строки. Так вы создадите каркас HTML-кода, который характерен для любой веб-страницы.
      • <html>
      • <head>
      • </head>
      • <body>
      • </body>
      • </html>
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1f\/Add-a-Hyperlink-with-HTML-Step-3-Version-4.jpg\/v4-460px-Add-a-Hyperlink-with-HTML-Step-3-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1f\/Add-a-Hyperlink-with-HTML-Step-3-Version-4.jpg\/v4-728px-Add-a-Hyperlink-with-HTML-Step-3-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Введите открывающий тег ссылки <a href=" ">, а затем закрывающий тег ссылки </a> (это так называемый якорный тег).
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e4\/Add-a-Hyperlink-with-HTML-Step-4-Version-4.jpg\/v4-460px-Add-a-Hyperlink-with-HTML-Step-4-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e4\/Add-a-Hyperlink-with-HTML-Step-4-Version-4.jpg\/v4-728px-Add-a-Hyperlink-with-HTML-Step-4-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Используйте адрес, который указан в адресной строке браузера.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/20\/Add-a-Hyperlink-with-HTML-Step-5-Version-4.jpg\/v4-460px-Add-a-Hyperlink-with-HTML-Step-5-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/20\/Add-a-Hyperlink-with-HTML-Step-5-Version-4.jpg\/v4-728px-Add-a-Hyperlink-with-HTML-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    По нему пользователи будут щелкать, чтобы перейти на соответствующую страницу. Текст нужно ввести между закрывающей треугольной скобкой открывающего якорного тега и открывающей треугольной скобкой закрывающего якорного тега.
    • Если хотите, вместо текста вставьте картинку . Только в этом случае также введите тег <img>, а якорный тег <a href=" "> и </a> оставьте для создания ссылки на страницу.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d4\/Add-a-Hyperlink-with-HTML-Step-6-Version-5.jpg\/v4-460px-Add-a-Hyperlink-with-HTML-Step-6-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d4\/Add-a-Hyperlink-with-HTML-Step-6-Version-5.jpg\/v4-728px-Add-a-Hyperlink-with-HTML-Step-6-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Сохраните файл в формате HTML, а затем откройте его в веб-браузере, чтобы просмотреть.
    • Когда-то существовала программа Microsoft Office FrontPage, с помощью которой HTML-файл можно было просмотреть в браузере без необходимости сохранять файл. Такой программы больше нет, поэтому HTML-файл нужно сначала сохранить, а потом открыть в браузере (не совсем удобно, но нужно сделать всего пару дополнительных действий).
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/75\/Add-a-Hyperlink-with-HTML-Step-7-Version-4.jpg\/v4-460px-Add-a-Hyperlink-with-HTML-Step-7-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/75\/Add-a-Hyperlink-with-HTML-Step-7-Version-4.jpg\/v4-728px-Add-a-Hyperlink-with-HTML-Step-7-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Просмотрите свою веб-страницу (сайт). Если не проверить, правильно ли написан код, можно оконфузиться, когда пользователи найдут ошибку. Код должен выглядеть следующим образом: <a href="http://www.example.com">Тестовая ссылка</a>
    Реклама

Советы

  • Убедитесь, что сохранили файл в формате HTML.
  • Раньше можно было сделать такую ссылку, чтобы читатель попал в определенный раздел страницы. Сегодня такие ссылки используются крайне редко, потому что сайты содержат больше картинок и меньше текста.
  • Чтобы улучшить внешний вид своей гиперссылки, отформатируйте ее с помощью языка CSS.
Реклама

Дополнительные статьи

Как
запустить файл Python с помощью Командной строки Windows
Как
написать программу в блокноте
Как
вставить пробелы в HTML
Как
добавить веб–сайт в надежные узлы
Как
добавлять и удалять учетные записи пользователей через командную строку Windows
Как
добавить горизонтальную линию в HTML
Как
использовать Net Send
Как
научиться писать программы
Как
менять цвета в Командной строке
Как
скомпилировать программу C, используя компилятор GNU Compiler (GCC)
Как
сделать задержку в командном файле
Как
использовать DOSBox
Как
создать базу данных в среде SQL Server
Как
писать компьютерные программы
Реклама

Об этой статье

На других языках
Эту страницу просматривали 54 527 раз.

Была ли эта статья полезной?

Реклама