Як зробити посилання на сторінці свого сайту


Посилання являє собою елемент сторінки веб-сайту (одне або декілька слів, картинка, кнопка тощо), що вказує на інший його елемент, іншу сторінку або ведучий на сторонні ресурси. Внутрішні посилання ведуть на сторінки, розміщені в межах власного сайту. Посилання, за допомогою якої можна перейти на інший ресурс, називається зовнішньої.

Будь початківець верстальник рано чи пізно замислюється над тим, як зробити посилання, оскільки даний елемент є важливою складовою будь-якого сайту, що забезпечує взаємозв'язок його сторінок між собою. Більш того, посилання пронизують інтернет-простір, об'єднуючи його в єдину всесвітню павутину. В якості даного елемента, як вже було сказано, може виступати будь-яке зображення або уривок тексту.

Як зробити посилання на сторінці сайту?

Вона задається на мові розмітки гіпертексту - html за допомогою парного тега «a» і складається з двох основних елементів: адреси і тексту (або зображення). Адресою будь-якого посилання відповідає спеціальний атрибут - href. Текст даного елемента носить назву анкора або якоря. Іншими словами, анкор являє собою те місце, в яке ми потрапимо, клікнувши за цим посиланням. Перехід може бути здійснений на будь-яку існуючу в мережі сторінку, а також на будь що становить її елемент, незалежно від його розширення (html, rar, mp3 і т.д.). Зміни кольору даного елемента можна домогтися, застосувавши до нього правило каскадних таблиці стилів (css).

Як зробити посилання з застосуванням зображення?

Додати барвистості сторінці свого сайту можна, розмістивши на ній посилання у вигляді якої-небудь картинки. Для цих цілей знадобиться саме зображення, мирно лежить в який-небудь папці на персональному комп'ютері. Далі замість тексту, розташованого між тегами «a», слід вказати шлях до даного зображенню, не забуваючи при цьому додати відкриває тегу атрибут href. Якщо все було зроблено вірно, на сторінці сайту, відкритої в будь-якому інтернет-браузері, можна побачити дане зображення у вигляді посилання. При цьому навколо нього з'явиться тонка, але досить помітна рамочка. Для того щоб її позбутися, у файлі css створюється окремий селектор a img і додається йому властивість border: none (прибрати рамку).

Як зробити посилання активної?

Будь-яких видозмін елементів веб-сторінки можна домогтися, застосувавши властивості каскадних таблиць стилів. Приміром, відвідана посилання на мові css позначається так: a: visited- посилання, на яку наведений курсор комп'ютерної миші, так: a: hover. Активної називається робоче посилання, що ведуть на яку-небудь сторінку сайту або на сторонній ресурс. Для того щоб вона була робочою, після її атрибуту необхідно вказати повну адресу тієї сторінки або того сайту, на який вона веде. В даному випадку ми також можемо відповісти на питання про те, як зробити посилання клікабельно. Для цього потрібно скопіювати з вікна браузера адресу сторінки, на яку вона буде вести. Далі його також слід розмістити в html-коді сторінки після атрибута даної посилання.

Як зробити посилання у вигляді кнопки?

Кнопки, після натискання на які здійснюється перехід на яку-небудь сторінку сайту або сторонній ресурс, також вважаються посиланнями. Зовнішній вигляд таких може істотно відрізнятися, залежно від уяви створює їх дизайнера. Звичайна кнопка малюється в програмі Фотошоп. Вона являє собою невелику картинку, помещаемую на сторінку сайту в процесі його верстки. Далі в html-коді сторінки в тег «а» полягає ще один тег «img», що позначає картинку. Даному тегу слід додати атрибут із зазначенням шляху до знаходиться на комп'ютері розробника зображенні-кнопці.

Створюючи різні посилання на своєму сайті, слід пам'ятати, що головним їх призначенням є зручність користувача в плані навігації. Занадто велика кількість подібних елементів може привести користувача в замішання, що в свою чергу гарантує зниження відвідуваності сайту. Посилання слід розміщувати на його сторінках тільки в тому випадку, коли вони дійсно необхідні.

Поділися в соц мережах:

Увага, тільки СЬОГОДНІ!