Как сделать ссылку в html на другую страницу?

10 ответов на вопрос “Как сделать ссылку в html на другую страницу?”

  1. NeXoNiK Ответить

    Главная страница на сайте является его отправной точкой и лицом всего блога.
    Поэтому, чтобы у посетителя, попавшего на сайт, не появилось желание сразу же уйти, такая страница должна вызвать доверие.
    Она должна не только иметь приятный дизайн, но и дать возможность посетителю легко разобраться в навигации, чтобы найти то, зачем он пришел.
    Если посетитель попал на блог по ссылке на страницу, которая расположена в глубине, и решил просматривать ресурс дальше, то первым делом он пойдет на главную.
    В связи с этим, при создании блога важно сделать главную html страницу сайта с учетом следующих моментов:
    дизайн, который побуждал бы посетителя воспользоваться предлагаемой услугой или сделать покупку. Внешний вид сайта должен быть спокойным, выполненным в мягких тонах, чтобы не раздражать посетителя. Желательно, чтобы он был запоминающимся;
    сайт должен иметь запоминающееся название и не слишком броский логотип;
    на главной странице должно быть меню сайта, состоящее из важных разделов с информацией об услугах и продукции, каталоге товаров, контактными данными, часто задаваемыми вопросами;
    составляя кнопки с сылками следует проявить оригинальность и креативность, чтобы побудить посетителя к переходу по ним;
    главное меню ресурса должно находиться на видном месте;
    постарайтесь избежать захламляющих страницу повторений текста, расстановки восклицательных знаков, что сразу же заявит об отсутствии профессионализма;
    строка поиска должна быть заметной;
    чтобы не отвлекать и не раздражать пользователя на сайте должно быть минимум анимации;
    не следует делать слишком яркой значимую информацию, так как пользователь может ее принять за рекламу, и естественно, обойдет ее стороной.

    Как правильно создать главную


    На какие моменты следует обратить внимание при ее создании:
    выделение важных разделов сайта, которые будут служить отправной точкой к основным темам сайта;
    на сайте должна быть реальная информация с конкретными примерами его содержания;
    обновленные материалы главной страницы должны быть легкодоступными, чтобы пользователь мог легко найти те статьи, которые уже в архиве;
    наличие блока «Поиск» на сайте – важная деталь любого веб сайта;
    наличие раздела «О сайте» или «О компании» — один из способов предоставления полной информации для пользователей для того, чтобы вызвать у них доверие к вашему бизнесу;
    заголовок (title), который будет виден поисковым системам, должен быть информативным. Не стоит его начинать такими фразами, как «Добро пожаловать» или «Главная». Для пользователя заголовок должен быть привлекающим внимание;
    важно также уделить внимание составлению description (описанию) страницы. В нем должна быть полная информация о компании. Здесь надо проявить немного креатива и придать описанию рекламный характер;
    подбирая ключевые фразы (keywords) для главной страницы сайта необходимо следить за тем, чтобы они описывали ее содержание и не повторялись. Не стоит использовать ключи, которые отсутствуют на странице;
    чтобы облегчить поиск по сайту информации, которая находится в глубине сайта, ссылки надо начинать с наиболее важных ключей;
    использование значимой графики позволит заинтересовать посетителя. Если есть возможность показать на главной странице примеры своих трудов, то лучше сделать это.
    Все страницы сайта должны содержать ссылку для перехода на главную страницу  для того, чтобы посетитель не потерялся при перемещении по ресурсу.

    Как сделать оригинальную ссылку в html на другую страницу

    Можно в строке браузера выделить адрес блога, который выглядит так http://seitostroenie.ru или http://www.seitostroenie.ru и скопировать в буфер обмена.
    Если надо сделать ссылкой рисунок или какую-то надпись, то в коде надо добавить следующую запись: 

    Она и будет частью ссылки. Затем надо написать адрес сайта, вставив его из буфера обмена между кавычками.
    Должна получиться следующая запись: .
    Естественно, что ссылку надо поменять на адрес вашего сайта.
    К надписи надо добавить: .Между символами “>< ” надо написать словосочетание, при клике на которое посетитель сделает переход на главную или другую страницу. Например так: Главная. Если в качестве ссылки надо использовать картинку, то вначале изображение загружают на сайт, а коде html пишут:
    .
    Чтобы превратить картинку в ссылку можно написать следующий код:
    Главная.
    Если надо, чтобы ссылка открывалась в новом окне, то к коду надо добавить:
    target=_blank title=””
    Получим:
    .
    При наведении курсора на картинку появится надпись «Главная».
    Если ссылка должна быть подчеркнута и выделена цветом (сделаем текст черным, а подчеркивание – белым), то добавляем в код следующую запись:
    Главная
    Заменив “white”, “black” и “Главная“ другими словами можно получить текст ссылки, который больше подходит по стилю вашему ресурсу.
    Важно: редактировать страницы с использованием перечисленных тегов можно только в html режиме!
    И напоследок, пара полезных советов:
    Когда создаете гиперссылку не забывайте проверять ее работоспособность. Даже, на первый взгляд, самая несущественная неточность кода html может полностью поменять его смысловое значение.
    Загружая на сайт картинки следите, чтобы их названия состояли из английских символов. Можно использовать цифры.

  2. child of wisdom Ответить

    При использовании движка, например WordPress, добавление ссылки на сайт происходит очень просто без каких либо правок в html режиме. В редакторе записи имеется специальная иконка со значком соединения.

    На изображении я показал весь процесс добавление связи между текстом и другой страницей.
    Сначала выделяем фразу, которую нужно сделать ссылкой;
    Кликаем на значок добавления связи;
    Задаем параметры ссылки (адрес страницы, куда нужно перекинуть пользователя, а также заголовок ссылки, то есть анкор, если необходимо).
    Заголовок ссылки можно не вписывать, так как он будет текстом, который выделили на первом этапе. На изображении я показал добавления ссылки из уже существующих страниц сайта. Можно делать так, тогда по клику на одну из записей со списка URL и заголовок будут вписаны автоматически.
    URL можно вписывать и на внешний сайт. Если так и нужно, тогда вписываем полный (абсолютный) адрес страницы. Чтобы открывать страницу в новой вкладке, нет нужды прописывать атрибут руками. В движке предусмотрена такая возможность с помощью одного чек-бокса (см. изображение выше).
    Немного выше я сказал про абсолютный адрес. Это значит, что внутри ссылки вписывается полный адрес страницы, на которую нужно сделать перенаправление вне зависимости от того, наш это ресурс или другой.
    Также имеется относительный адрес, когда не обязательно прописывать полный адрес. Достаточно лишь прописать путь к какому-то каталогу или странице сайта, не указав при этом доменное имя. Работают такие ссылки только для страницы в рамках одного ресурса. На внешний проект вы так не сошлетесь.
    Если вы хотите углубиться в процесс создания относительных адресов, настоятельно рекомендую ознакомиться с этой статьей на другом ресурсе. Там все очень круто расписано.
    к содержанию ^

    Ссылка картинка

    Ссылки в виде картинок также имеют широкое распространение, хотя их нужно использовать только по назначению. Если мы простые ссылки на другие страницы внутри нашего сайта, то лучше не делать их картинками, так как не всегда понятно, что необходимо кликнуть по изображению, чтобы попасть на какую-то страницу.
    Целесообразно это делать, когда вы хотите кого-то прорекламировать, например чей-то видео-курс. В таком случае вы даете обычную гиперссылку, а за ней сразу ссылку-картинку. В таком случае будет более понятно, что изображение ведет на сайт курса, где его можно приобрести.
    Ссылка-картинка на WordPress добавляется точно таким же образом. Вы добавили картинку на страницу, затем кликнули на нее курсором мышки, чтобы сделать ее активной, а потом добавляете ссылку.
    Если же брать html режим, то принцип построение структуры ссылки точно также, включая все атрибуты. Единственным отличием является анкор ссылки, который имеет вид кода самого изображение. В предыдущем же случае был простой текст.
    На практике это будет выглядеть следующим образом.

  3. Mill Ответить

    1. Относительный адрес от корня сайта

    Относительный адрес ссылки от корня сайта начинается со знака /.
    Пример адреса от корня сайта: /catalog/product_1.html .
    Данный способ используется чаще всего из-за его простоты и удобства, но работает только на сервере в интернете или если он запущен на локальном
    компьютере. Пример, как сделать ссылку на страницу в html с относительным адресом: ваш текст.
    Пример html кода кода ссылки и страницы

    2. Относительный адрес от текущего уровня

    Пример относительного адреса ссылки от текущего уровня: catalog/product_1.html . Используется редко, в основном во
    время обучения или в небольших
    статичных сайтах. Данный способ имеет смысл использовать, когда вы обучаетесь html или сервер не запущен, т. е. нельзя использовать 1 вариант.
    Пример: ваш текст.

    3. Абсолютный адрес ссылки

    Пример абсолютного адреса: http://my-site.ru/catalog/product_1.html . Этот способ указания адреса часто
    неудобно использовать, потому что сайты обычно разрабатывают на локальном компьютере и только потом копируются на сервер. Если указать абсолютный
    адрес, работающий на локальном компьютере, то перед копированием на сервер его необходимо будет сменить, что будет лишней работой.
    Относительный адрес универсальнее и значительно удобнее, чем абсолютный потому что
    позволяет отображать сайт как на сервере, так и на компьютере без изменений в коде. В связи с этим старайтесь всегда использовать
    относительный адрес. Исключение — ссылки на другие сайты, в этом случае можно использовать только
    абсолютный адрес.
    Пример, как можно сделать ссылку на страницу сайта в html с абсолютным адресом:
    ваш текст.

  4. VideoAnswer Ответить

  5. VideoAnswer Ответить

Добавить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *