Как создать ссылку на страницу сайта: проверенные и рабочие подходы
Автор: Елена Изотова / Дата: 28-12-2016 в 09:56
Блог Eлены Изотовой
Приветствую вас! При продвижении веб-ресурса вас могут попросить предоставить ссылку на ресурс. Сделать это можно простым способом: скопировать содержимое адресной строки. Однако здесь есть свое «но» – переход будет совершен на сам ресурс. Исходя из этого, актуальным остается вопрос: «Как создать ссылку на страницу сайта?» Вот с этим я предлагаю вам сегодня разобраться.
Что такое ссылка
Сегодня мы с вами познакомимся с еще одним термином, без которого ну никак не обойтись во время продвижения. «Ссылка» — интересное понятие. В словаре можно найти несколько расшифровок данному слову — от заключения в дальних местах лишения свободы и воли, до направления которое выбирает человек в кибер-пространстве, следуя, по нему человек попадает на определенное место, где хранится нужная для него информация. Вот как неоднозначно и интересно может расшифровываться одно слово в «умных книгах».
В настоящее время известно несколько видов ссылок:
- Прямые (это когда в информационный текст вставляется url нужного сайта).
- Анкорные (другими словами, это видоизмененные адреса ресурсов). Вот как раз эта группа своеобразных путей содержит в себе большое количество разнообразных вариаций, среди которых:короткая, замаскированная словом или картинкой, гиперссылка.
- Внутренние (используются для перехода на определенные страницы вашего ресурса, не покидая просторов сайта). Другими словами, внутренние ссылки выполняют функцию перелинковки или перераспределения трафика по сайту в целом. Это понятно?
- Внешние (позволяют совершать переход на сторонний ресурс). Использование таких приспособлений может принести вам доход, но не забывайте о личной безопасности (берегите свой ресурс).
Как вы заметили, эти виды выделяются по определенным признакам. Например, первые 2 разновидности – по внешнему виду, следующие две – по характеру и возможностям и тд. Если с этим понятно, то давайте разбираться с тем, как же можно сделать ссылку на определенную страницу.
Ссылки-ссылочки или создаем шедевр маскировки
«Волшебство да и только», — хочется ответить на вопрос: «Как создавать ссылки»? Почему? Да потому что каждый описанный ранее вид можно получать различными способами.
Вы готовы погрузиться в мир языка html? Нет? Тогда рекомендую вам использовать прямые ссылки, заказывайте работу у фрилансеров и перестаньте задавать на форумах один и тот же вопрос: «А почему у моего сайта такая низкая посещаемость?» Я веду свой блог для тех, кому нужен результат и они готовы работать, следуя известной пословице: «Без труда не вытащишь и рыбку из пруда».
Кто-то сейчас со мной не согласится, сказав, что смысл этой пословицы уже утерян, ведь с приходом техники, работа рыбака стала простой (сети закинул и получил улов). Но это не так. Не верите? Может посмотреть несколько видеороликов об особенностях работы рыболовов и изменить свое мнение.
Ну да ладно, я снова отвлеклась от темы, давайте разбираться со способами получения ссылок:
- Создание прямой ссылки. Для воплощения этого метода вам нужно просто скопировать содержимое адресной строки и вставить его в нужное место. Отличительной чертой такого вида ссылок служит отсутствие ее маскировки (человек видит это и понимает, что кликнув по ней, он совершит переход, но не знает куда).
Совет: Если вы хотите чтобы ссылочки работали как часы, то вышеописанный способ вам явно не подойдет. Почему? Все очень просто-природа человека такова, что ему уже надоели такие примочки, ему подавай что-то эдакое— непохожее на других.
- Что касается анкорных ссылок, дак, они напоминают мне шоколад, завернутый в красивую обертку. Почему? Все дело в том, что url-адрес будет просто замаскирован специальными тегами, выступающие в роли фантика. А как вы знаете, не видя содержимого, человек выбирает по внешнему виду. Вкуснотище внутри— попробуй разверни и получи сюрпрайз. Интересно.
Исходя из этого, старайтесь создавать красивый текст или подбирать картинку, которые будут цеплять интернет-пользователя и действовать подобно гипнозу, заставляя совершить клик. Здесь все понятно?
Вот как выглядит путь, спрятанный под словом в html-формате:
<a href=»адрес» target=»_blank»>анкор</a>
где включение target – позволяет нужной странице открываться в новом окне, анкор – текст, под которым и будет сокрыт путь перехода к желаемому.
Что куда вставлять, я думаю, понятно. Если нет, то вы всегда можете задать мне вопрос, оставив комментарий к данному обзору, или изучить вот этот обзор «Способы маскировки ссылок».
Если html для вас «и мать и отец», то эта родственная связь вам поможет с сокрытием ссылок от поисковых роботов (бывают такие случаи, когда человек не хочет индексировать сторонний ресурс). Но если у вас таких вод «родственников» нет, то тут уж я приду к вам на помощь и подскажу, как это сделать. Вам просто нужно добавить в своем письме атрибут «nofollow». Другими словами, html-форма будет выглядеть вот так:
<a href=”адрес”rel=”nofollow”>анкор</a>
Получается, что вы можете спокойно скрывать url-адрес от человеческого взгляда, тем самым привлекая на собственный ресурс еще больший трафик. Однако если использовать текст для такой процедуры, то он становится заметным на фоне общего информационного потока (подсвечивается цветом и подчеркивается). Следовательно, читатель уже понимает, или догадывается, что будет совершен переход и может отказаться совершить это действие.
- А вот на мой взгляд самый классный и часто используемый и интересный способ завоевания сердец миллионов – сокрытие url-адреса картинкой или баннером. Как это сделать? Да не слишком то и сложно. Вам нужно найти подходящий файл формата jpg в интернете (если он на вашем рабочем столе, то нужно выгрузить его на сайт или вконтакте, чтобы суметь раздобыть его адрес).
Когда подготовительный этап завершен, нужно просто вставить в тело своего создания вот такую html— форму:
< a href=»адрес сайта»><img scr=”адрес картинки/*. jpg”/></a>
Что куда вставлять, я думаю понятно. Если остались вопросы, то выделите немного времени на прочтение вот этого обзора (
blogizotovoy.ru
Как сделать ссылку на страницу сайта?
Привет. В этой статье я расскажу про повсеместное явление в интернете — ссылки. Все мы знаем ка ссылки выглядят и для чего они нужны, научное определение гиперссылки можете прочитать на Википедии.Всем понятно, что гиперссылки используются на сайтах, чтобы перенаправлять посетителей на разные страницы. То есть, иногда мы хотим поделиться адресом на какой-то хороший ресурс или статью, гиперссылка в этом нам поможет как нельзя лучше. Также большинство веб-сайтов сегодня продвигаются за счет ссылок, то есть, чем больше качественных ссылок указывают на сайт, тем он авторитетнее. Но ссылки также могу и навредить сайту, поэтому следует знать как правильно сделать ссылку на сайт, как с точки зрения seo так и с технической точки зрения.
Из чего состоит гиперссылка?
Начнем с простого примера — плагин для создания форм в WordPress, это ссылка на одну из страниц моего сайта. Нажмите на ссылку, вы перейдете на другую страницу. Вот html-код этой гиперссылки:
<a title="Создаем формы в WordPress с помощью плагина" href="/post/13479/">плагин для создания форм в WordPress</a>
Итак, любая ссылка объявляется с помощью парных тегов <a></a>, то есть, есть и открывающийся и закрывающийся теги. Между тегами <a></a> стоит текст — это анкор( в примере — это плагин для создания форм в WordPress). Простыми словами, анкор — это текст ссылки, вот научное определение анкора. Анкор — это очень важная часть ссылки, я бы сказал — самая важная. Это единственный элемент в ссылке, который виден посетителям сайта. Кроме того, с помощью анкоров можно продвигать свои страницы в поисковой выдаче.
Теперь, нам стоит обратить внимание на атрибуты ссылки, в примере их аж два:
- атрибут title — это текст, который появляется при наведении курсором мышки на ссылку. В примере в title записан такой текст «Создаем формы в WordPress с помощью плагина» .
- атрибут href — это адрес страницы на которую ссылается ссылка. В примере адрес ссылки такой — /post/13479/.
Любой атрибут в ссылке должен состоять из имени атрибута, знака равно и двойных кавычек, в которые заключен текст атрибута. Атрибут href является обязательным атрибутом любой ссылки, то есть, у любой ссылки должен быть адрес страницы на которую она ссылается. Атрибут title — не обязательный, но я рекомендую его вам использовать. Так как он более подробно может рассказать пользователю о целевой странице на которую ведет ссылка.
Как сделать ссылку на сайт?
Самое важно, что вам нужно знать — это то, как ставить ссылки на своем блоге или сайте и не навредить ему. Поэтому мы будем рассматривать ссылки с точки зрения поисковой оптимизации. С этой точки зрения все ссылки делятся на две группы:
- Внутренние ссылки — ссылки, которые ссылаются на страницы одного сайта.
- Внешние ссылки — это те ссылки, которые ссылаются на сторонние сайты.
Исходя из этой классификации, мы рассмотрим способы работы с двумя группами ссылок, как с внутренними так и с внешними. Однако, для любой ссылки, внешней или внутренней, нужно всегда указывать адрес страницы, на которую будет ссылаться ссылка. Также, желательно всегда указывать анкор для ссылки, хотя, в некоторых случаях вместо анкора указывают картинку. Тогда это будет ссылка-картинка, то есть по нажатию на картинку вы перейдете по ссылке. Вот пример:
<a href="http://seofine.ru"> <img src="//seofine.ru/wp-content/uploads/2014/01/watermark.png" alt="SEOFine.ru"> </a>
Это код логотипа моего сайта в главном меню, сверху, слева. Как видите, между тегами <a></a> вместо анкора стоит тег картинки. Нажмите на логотип и увидите ,как это работает.
Как сделать внутреннюю ссылку на сайт?
Я всегда стараюсь как можно больше ставить внутренних ссылок в статьях на своем блоге. Это способствует созданию хорошей перелинковке страниц сайта, что в свою очередь, влияет на повышение позиций ранжирования вашего сайта в поисковых системах. Если внутренних ссылок мало или вообще нет, это отрицательно сказывается на продвижении вашего сайта.
Ну сами подумайте, если страницы вашего сайта не ссылаются на свои же статьи, разве на них будут ссылаться другие сайты? Думаю — нет, поэтому важно в каждой статье ставить хотя бы 3 -4 внутренние ссылки на другие статьи вашего сайта.
Пример внутренней ссылки я показывал выше, для закрепления материала покажу еще один — программа для создания скриншотов, вот такой пример внутренней ссылки. А вот как выглядит её код:
<a title="Лучшая программа для создания скриншотов для блога" href="/post/13615/">программа для создания скриншотов</a>
Код такой-же как и в первом примере ссылки, ничего нового. Повторюсь, ссылка может быть и без атрибута title. «Как посмотреть код ссылки?» — спросите вы. Это делается с помощью браузера, правой кнопкой щелкните по ссылке и в появившемся окошке нажмите на кнопку «Проверить элемент». Название кнопки для разных браузеров может отличаться, в данном случае я описывал кнопку для браузера Google Chrome.
seofine.ru
Как сделать ссылку на определенную часть страницы
Однако, далеко не все умеют ставить ссылку на определенную часть страницы. Это может быть очень полезно, если вы пишете большие статьи. В начале поста можно сделать оглавление, из каждой строчки которого потом сделать ссылку на часть текста как на этой же странице, так и на любой другой.
Что бы понять, что мы имеем ввиду, посмотрите оформление нашей недавней инструкции про то, как включить сохранение вкладок при закрытии разных браузеров. Вверху страницы как раз реализовано такое меню, в котором сделаны ссылки на определенное место страницы.
Как сделать ссылку на определенное место текущей страницы
Если перед вами стоит задача сделать ссылку на часть той же страницы, на которой сейчас находится пользователь, отправить его выше или ниже, то сделать это можно следующим способом:
1. Присвойте якорь части страницы
Первым пунктом вам нужно присвоить так называемый «якорь» (anchor) той части страницы, на которую пользователя должно перекидывать при нажатии на ссылку. Для этого перед текстом в этой части страницы вставьте следующий код
<a id=“anchor”></a> Текст страницы…
где вместо «anchor» вставьте любое слово, желательно подходящее по смыслу к абзацу, на который ссылаетесь.
2. Сделайте ссылку на «якорь»
Вторым делом вам нужно сделать ссылку на установленный в первом пункте «якорь» в том месте страницы, откуда пользователь, по вашему мнению, может захотеть перейти к части текста, на которую вы ссылаетесь. Например, это может быть оглавление в начале статьи. Ссылка на «якорь» выглядит следующим образом
<a href=“#anchor”>Текст ссылки</a>
где «anchor» замените на то слово, которое выбрали в первом пункте статьи.
Как сделать ссылку на определенную часть другой страницы
Таким же способом, который мы рассмотрели выше, можно ставить ссылки не только на часть текста на той же странице, но и на определенное место любой другой страницы. Главное, что бы у вас была возможность разместить там «якорь». Делается это следующим образом:
1. Присвойте «якорь» странице-реципиенту
Как и в предыдущем пункте, присвойте «якорь» нужной части той страницы, на которую пользователь должен переходить при нажатии на ссылку, выглядит это все так же:
<a id=“anchor”></a> Текст страницы…
где вместо «anchor» вы так должны вставить любое слово по вашему желанию.
2. Сделайте ссылку на anchor другой страницы
Как и в предыдущем случае, вам нужно просто поставить ссылку на созданный ранее «якорь». Разница лишь в том, что ссылаясь на часть другой страницы вам нужно добавить её URL в код, который в результате будет выглядеть следующим образом
<a href=“http://адрес#anchor”>Текст ссылки</a>
где вместо «адрес страницы» вам нужно подставить, соответственно, URL страницы, на которую ссылаетесь, а вместо «anchor» текст, выбранный вами при создании «якоря».
Пример ссылки на часть страницы
Для примера, нажав на эту ссылку вы перейдете к началу статьи. Соответственно, в самом начале статьи мы вставили код
<a id=“top”>
а код ссылки выглядит вот так
<a href=“#top”>эту ссылку</a>
Если бы эта ссылка на начало статьи была размещена на другой странице или другом сайте, то её код выглядел бы следующим образом
<a href=“http://ochprosto.com/sdelat-ssylku-na-opredelennuyu-chast-stranicy#top”>Текст ссылки</a>
© OchProsto.com
ochprosto.com
Как сделать активной ссылку в письме или на сайте
Рада вновь видеть вас на страницах своего блога. На связи Елена Изотова. Не вижу смысла скрывать, что ежедневно получаю огромное количество писем с вопросами о развитии инфобизнеса. Всегда с удовольствием отвечаю на них, провожу консультации по скайпу и делюсь собственным опытом с начинающими, а иногда, и крупными предпринимателями.
В последнее время часто стали спрашивать: «Как сделать активной ссылку?» Поэтому я решила создать небольшой обзор, который поможет вам осуществить задуманное и начать радоваться успеху.
2 способа создания активной ссылки
Вам нравится, когда заинтересовавшись продуктом в письме, полученном на почту, можно кликнуть по выделенной фразе и перейти на сайт с подробными характеристиками и возможностью приобретения товара или услуги?
Конечно, это упрощает нашу жизнь. А происходит такая переправка на сторонние ресурсы по средствам кликабельных (активных) ссылок.
Для осуществления задуманного была придумана гиперссылка и методы маскировки:
- под слово;
- под картинку и тд.
Более подробно о таких способах вы можете узнать из предыдущей статьи, в которой подробно описаны процессы создания и внедрения в текст активных ссылок в социальных сетях (вконтакте, в инстаграме, в фейсбуке), на собственном сайте или в блоге и тд.
Для простоты понимания того, как создать активную ссылку, разберем 2 простых способа:
- Шифровка под слово.
- Применение html кодирования.
Маскировка словом
При создании статьи в ворде или работаете в excel, просто вставив адрес сайта, вы не получите кликабельную вариацию. В таком виде она будет лишь частью текста. Для того, чтобы случился переход на страницу стороннего ресурса, нужно использовать гиперссылку. Делается это просто:
• выделяете желаемое слово или фразу;
• кликаете по ней правой кнопкой мыши;
• выбираете «Гиперссылка»;
• в открывшемся окне достаточно ввести ссылку на сайт или на группу, возможно даже на профиль человека в социальных сетях;
• сохранить изменения;
• вуаля, кликабельный вариант готов.
Скажите, разве это сложно? В случае необходимости кликабельную ссылку можно сделать неактивной. Для этого нужно зайти в свой блог или сайт, начать редактировать текст, выделить ссылку и нажать на панели инструментов значок разорванной цепи. Получается, что слово перестает быть ссылкой.
Страшное слово HTML
Удивились такому названию? А ведь действительно, многие из вас кто плохо знаком с информатикой и основами программирования, боятся этого. Все кажется страшным, непонятным. Возникают вопросы: «Откуда берутся буквы, цифры, знаки и зачем они нужны?» Я права?
Не буду скрывать, работа системника довольно сложная, но это не должно вас волновать. Уже давно в свободном доступе располагается часть материала, которым делятся опытные мастера. Поэтому давайте воспользуемся ими. Не пугайтесь, я дам базовую схему, благодаря которой вы сможете создавать активные.
НТМL код выглядит следующим образом:
<a href=»адрес сайта»target=»_blank «>название ссылки/</a>
Первая часть кода означает адрес страницы (его нужно в таком виде http:|//сам адрес/). Вторая половина (target=«_blank») означает открытие в новом окне. Здесь вы можете вставить слово, под которое хотите замаскировать (например, здесь, сюда и т.д).
Помните, находясь в статусе руководителя, вы должны быть в контакте со своей командой и клиентами. Только это является залогом успешной карьеры. Старайтесь, размещая видео, рекламу, работая в эксель, вставлять активные ссылки в них. Это позволит сотруднику, при первой необходимости, сразу попасть на нужное место, а клиенту – легко оформить заказ.
Я думаю, что изучив статью, вы поняли 2 способа создания активной ссылки и овладели навыками из разработки. На этом все, не хочу грузить вас большими объемами. Напоминаю вам о возможности распространения полученной информации, путем совершения клика по клавише социальной сети. До скорых встреч.
С уважением, Елена Изотова.
blogizotovoy.ru
Учимся как сделать ссылку на сайт
Для того чтобы сделать ссылку для сайта,можно использовать несколько способов. И во многом способ, которым это выполняется, зависит от ресурса, на котором вы планируете разместить ссылку, и какого типа будет ваша ссылка.
Так существуют обычные ссылки (я их называю прямыми), в этом случае вы открываете необходимую страницу (ту на которую должна вести размещаемая вами ссылка), и копируете с адресной строки браузера полностью ссылку.
Такая условная страница (используется исключительно для примера) должна вести на главную (основную) страницу сайта ssilka после того как вы скопировали такую ссылку (кстати, если не удается скопировать при помощи правой кнопки мыши, воспользуйтесь для этого одновременным нажатием горячих клавиш «ctr+с»), вставьте ее просто в то место куда запланировали. Это может быть как обычный текстовый документ, так и специальное поле на странице сайта для вставки HTML кода. В итоге ваша ссылка будет выглядеть так, как вы ее скопировали с адресной строки браузера. Это один самый пожалуй простой способ, как сделать ссылку на сайт.
Существует еще один распространенный способ, когда ссылка является непрямой (понятие придумано исключительно для удобства объяснения). В таком случае при размещении такой ссылки в тексте статьи или дополнительных полях сайта пользователь будет видеть перед собой не строку с HTML кодом в виде ссылки аналогичной той, что мы приводили для примера выше. В данном варианте ссылка будет выглядеть как слово, или словосочетание, нажав на которое браузер перенаправит вас на страницу, куда ведет данная ссылка. Такой способ делать ссылки вызван желанием веб-дизайнеров придать страницам сайтов более красивый вид и оптимизировать их для читателей. Ведь если пользователь читая статью просто прочтет слово «ссылка» пусть и подсвеченную синим цветом с подчеркиванием это будет не так заметно и раздражительно чем среди текста встретить полную прямую ссылку с тегом http и с адресом ssilka. Причем зачастую слова которые связаны с ссылкой (их называют анкорами) вписываются в текст не просто так, а по смыслу всей статьи. На это поисковые системы обращают пристальное внимание. Как сделать ссылку на сайт в виде анкора. Для этого при вставке ссылки в текст необходимо выделить нужное слово (словосочетание) и после в панели управления (где задается тип текста, шрифт размерность и т.д.) сходной с основным меню текстового редактора «word» найдите значок похожий на значок бесконечности « ∞ ». Нажмите на него, и в отрывшемся окошке появится надпись типа «вставьте URL адрес ссылки» и поле для ввода. Иногда это поле может содержать уже введенный исходный код «http» а иногда нет, но в любом случае полный адрес ссылки должен начинаться с такого исходного кода. После этого жмем ОК, и все слово в тексте подсвечивается, синим цветом с подчеркиванием, если вы до этого не сменили стиль ссылок для своего сайта.
Но бывают ситуации, когда нет возможности воспользоваться такой кнопкой при добавлении ссылок в сайдбар например, или как сделать шапку для сайта что бы она в себе содержала так же ссылки. Для этого существует так же несколько способов. Итак как сделать ссылку на сайт в сайдбаре в виде анкора. Для этого необходимо открыть виджет или поле в которое можно добавлять исходный HTML код (практически все СМС поддерживают такую функцию) «вставка HTML кода». После чего необходимо воспользоваться тегом href и прописать ссылку. Если вы не специалист в языке HTML и не горите желанием изучать его, но вам срочно понадобилось сделать вручную ссылку. Как сделать ссылку на сайт в этом случае. А для этого всего-навсего необходимо воспользоваться HTML редактором типа «Дримвеве». Там набирая текст и используя кнопку для создания ссылок вы сможете, переключившись на вкладку «исходный код» скопировать полный адрес своей ссылки.
Кстати кроме перенаправления посетителей с одной страницы на другую, ссылки помогают, и модернизировать дизайн сайта. К примеру, многие начинающие владельцы сайтов используя различные стандартные темы для оформления, не знают, как сделать фон для сайта другим. А для этого необходимо всего лишь подобрать необходимое вам фоновое изображение, загрузить его в корневой каталог с изображениями для вашего сайта и вместо старой ссылки на старое изображение прописать путь к новому. Вот и все таким не хитрым способом можно легко изменить фон сайта.
fb.ru
Как создать ссылку на страницу сайта: пошаговая инструкция
Приветствую, друзья! Сегодня вы узнаете о том, как создать ссылку на страницу сайта и вставить её в необходимую фразу, слово, предложение. Всё очень просто!
Вообще на эту тему, я уже написал немного статей, которые, как я считаю, должны помочь начинающим вебмастерам, создателям сайта в их нелёгком деле.
Вот, например, в этой статье мы с вами разобрались, какой их вид необходим для лучшей оптимизации блога, почитайте, там есть интересные комментарии, которые дополняют статью. Идём дальше, следующим шагом у нас был поиск битых ссылок на сайте, в статье на эту тему мы узнали, что это такое, чем страшны битые, как их искать и ещё некоторую интересную информацию на эту тему, так что, кто не читал эту статью — обязательно прочтите!
data-ad-client=»ca-pub-8243622403449707″
data-ad-slot=»1319308473″
data-ad-format=»auto»>
Охватывая все эти немаловажные вопросы, я немного увлёкся и совсем забыл, что когда я только начинал вести свой блог, я даже не знал как создать ssilku, чтобы она вела на нужную страницу сайта или на какой-нибудь другой сайт, в зависимости от смысла анкора и того, на что я хочу указать моим, уважаемым читателям.
Итак, поехали!
Пошаговая инструкция
Вот теперь читайте внимательно.
1. Перед тем, как создать ssilku на нужный нам сайт необходимо скопировать её с адресной строки браузера. Для этого находим, например, страницу своего сайта (или страницу внешнего сайта), выделяем ssilku, нажав 1 раз левой кнопкой мыши на неё в адресной строке браузера, либо используем комбинацию клавиш для выделения (намного быстрее) Ctrl+A.
2. После того как вы выделили ssilku, необходимо её скопировать в буфер обмена компьютера (сохранить для дальнейшей вставки в текст), для этого нажимаем 1 раз правой кнопкой мыши и в всплывающем окне нажимаем на строку «копировать», либо используем комбинацию клавиш Ctrl+C.
3. Теперь заходим в административную панель блога, а именно в запись, в которую вы хотите вставить ssilku. Выбираем словосочетание или какое-то слово в качестве анкора, выделяем его, в данном случае анкор — «битые ссылки».
4. Здесь же находим значок «Вставить/изменить ссылку» и нажимаем на него.
5. В открывшемся окне нажимаем правой кнопкой мыши—>«Вставить» или используем комбинацию клавиш Ctrl+V, после этого ставим галочку в чек-боксе «Открыть в новом окне.вкладке» и нажимаем на кнопку «Добавить». Также можете написать что-нибудь в пункте «Заголовок«, тогда при наведении на анкор будет показана эта запись, но я этим не пользуюсь.
В итоге:
А вот как ssilka будет выглядеть в административной панели:
А вот как она изображена у меня на сайте:
Вот и всё, поздравляю, теперь вы научились создавать ссылку на страницу любого сайта! Надеюсь эта статья принесла пользу. Всем спасибо за внимание, пока-пока!
P.S.
Как вам статья? Рекомендую получать свежие статьи блога на e-mail, чтобы не пропустить много новой интересной информации!
С уважением, Александр Сергиенко
int-net-partner.ru
Добавляем ссылку HTML — Как создать сайт
Добавляем ссылку на HTML-страницу
Урок №8Добавляем ссылку в HTML-документ
В этом уроке, мы рассмотрим способ добавления ссылки на HTML-страницу.
Ссылка — важнейшая часть сайта и всемирной паутины, именно благодаря ссылкам мы можем путешествовать по интернету.
Так как ссылки обычно ссылаются на другие страницы, то нам нужно создать еще одну HTML-страницу и сослаться на неё.
У нас уже есть одна страница Страница о снежном барсе (файл index.html), давайте создадим еще одну HTML-страницу, она будет посвящена полярному волку.
Страница о полярном волке
Создайте на Рабочем столе HTML-файл:polayrnyi-volk.html
Название страницы <title> </title>, сделайте:
Страница о полярном волке
Внедрите в неё, следующий CSS-код:
<style>
h2 {
color: green;
font-family: Arial;
}
p {
color: blue;
font-size: 19px;
width: 60%;
}
</style> Заголовок статьи <h2> </h2>:
Полярный волк
Фотография <img>:
Cтатья состоящая из двух абзацев <p> </p>:
Полярный арктический волк - подвид волка. Обитает в Арктике и тундре, на обширных пространствах северных регионов, которые пять месяцев в году, погружены в темноту. Чтобы выжить, волк приспособился есть практически любой корм, который только попадается ему на пути. Полярные волки хорошо усвоились к жизни в Арктике: они могут годами жить при минусовой температуре, месяцами не видеть солнечного света и неделями оставаться без пищи. Длина волка составляет 100-150 см, высота в холке может достигать 100 см, а масса у самцов переваливает за 100 кг. Продолжительность жизни полярного волка около 7 лет. В его рацион входят: леминги, зайцы, овцебыки, олени и птицы.
В итоге вы должны получить следующую страницу.
Подный код HTML-документа, страницы о полярном волке, приведён в конце этого урока.
Добавляем ссылку в HTML-документ
Добавим ссылку которая будет ссылаться на страницу о полярном волке, саму ссылку разместим на странице о снежном барсе.
Ссылка в HTML-документ добавляется с помощью тегов <a> </a>, между которыми помещают текст ссылки. У тега <a> есть свойство href=" ", значением которого выступает адрес страницы, на которую нужно сослаться (кликнув по ссылке мы перейдем на страницу, на которую ссылается ссылка):
<a href="адрес страницы">Текст</a>
<a> — открывающий тег ссылки, который указывает на то что здесь будет ссылка,href=" " — свойство тега <a>, которое указывает на адрес страницы,адрес страницы — значение свойства href=" ", адрес страницы,Текст — любой текст,</a> — закрывающий тег ссылки.
Добавьте в HTML-документ файла index.html (Страница о снежном барсе), перед закрывающим тегом </body>, следующий код:
<a href="polyarnyi-volk.html">Полярный волк</a>
Так как файлы index.html и polyarnyi-volk.html находятся в одной папке Рабочий стол, то адресом страницы о полярном волке, будет просто имя его файла polyarnyi-volk.html
В качестве Текста можно написать всё что угодно, но обычно пишут текст описывающий страницу на которую ссылается ссылка, в нашем случае это Полярный волк.
В итоге, HTML-документ файла index.html будет выглядеть следующим образом:
<html>
<head>
<title>Страница о снежном барсе</title>
<style>
h2 {
color: green;
font-family: Arial;
}
p {
color: blue;
font-size: 19px;
width: 60%;
}
</style>
</head>
<body>
<h2>Снежный барс</h2>
<img src="irbis.jpg">
<p>
Снежный барс (ирбис, ак барс) - крупное хищное млекопитающее из семейства
кошачьих. Обитает в горных массивах Афганистана, Бирмы, Бутана, Индии,
Казахстана, Киргизстана, Китая, Монголии, Непала, Пакистана, России,
Таджикистана и Узбекистана. Ирбис отличается тонким, длинным, гибким телом,
относительно короткими лапами, небольшой головой и очень длинным хвостом.
Длина снежного барса вместе с хвостом составляет 200-230 см, вес до 55 кг.
Окраска меха светлая, дымчато-серая с кольцеобразными или сплошными тёмными
пятнами.</p>
<p>
Охотится снежный барс, в основном, на горных козлов и баранов, также в его
рационе встречаются кабаны, фазаны и даже суслики. В силу труднодоступности
местообитания вида, ирбисы до сих пор остаются малоизученными. Однако по
приблизительным оценкам их количество варьируется в районе около 10 тысяч
особей. По состоянию на 2013 год, охота на снежных барсов повсеместно
запрещена.</p>
<a href="polyarnyi-volk.html">Полярный волк</a>
</body>
</html> Открыв файл index.html с помощью браузера, вы должны увидеть следующее.
Внизу страницы находится ссылка, нажав на которую вы попадёте на страницу о полярном волке. Как вы можете заметить, на странице о полярном волке, нету ссылки. Давайте добавим туда ссылку, которая будет ссылаться на страницу о снежном барсе.
Добавьте в HTML-документ файла polyarnyi-volk.html, перед закрывающим тегом </body>, следующий код:
<a href="index.html">Снежный барс</a>
В итоге, HTML-документ файла polyarnyi-volk.html будет выглядеть следующим образом:
<html>
<head>
<title>Страница о полярном волке</title>
<style>
h2 {
color: green;
font-family: Arial;
}
p {
color: blue;
font-size: 19px;
width: 60%;
}
</style>
</head>
<body>
<h2>Полярный волк</h2>
<img src="polyarnyi-volk.jpg">
<p>
Полярный арктический волк - подвид волка. Обитает в Арктике и тундре, на
обширных пространствах северных регионов, которые пять месяцев в году,
погружены в темноту. Чтобы выжить, волк приспособился есть практически
любой корм, который только попадается ему на пути.</p>
<p>
Полярные волки хорошо усвоились к жизни в Арктике: они могут годами
жить при минусовой температуре, месяцами не видеть солнечного света и
неделями оставаться без пищи. Длина волка составляет 100-150 см, высота
в холке может достигать 100 см, а масса у самцов переваливает за 100 кг.
Продолжительность жизни полярного волка около 7 лет. В его рацион входят:
леминги, зайцы, овцебыки, олени и птицы.</p>
<a href="index.html">Снежный барс</a>
</body>
</html> Открыв файл polyarnyi-volk.html с помощью браузера, вы должны увидеть следующее.
Внизу страницы находится ссылка, нажав на которую вы попадёте на страницу о снежном барсе.
Нажимая по ссылкам расположенным на страницах, вы будете переходить от снежного барса к полярному волку и наоборот.
Читать далее: Создаём сайт из трёх страниц
Дата публикации поста: 7 февраля 2016
Дата обновления поста: 15 октября 2014
Навигация по записям
gabdrahimov.ru