You are on page 1of 29

 Хиперлинкови претставуваат важен сегмент

во HTML поради потребата од навигација


помеѓу различни страни во еден сајт и
помеѓу различни сајтови
 Тагот за линк е <a>, </a>.
 Помеѓу таговите <a>, </a> се наоѓа текст
или слика кои се видлив дел од линкот и
врз кој треба да се кликне за да се
реализира врската со некоја друга
страница

2
 Со кликнување на тој текст или слика се
отвара соодветната веб страна,слика,видео
фајл или се превзема некој документ
 Атрибутот на тагот <a> со кој се дефинира
патеката до другата страница или фајлот се
нарекува href
 На следниот слајд се дадени примери за
креирање линкови кон страница од нашиот
сајт и кон друг веб сајт

3
1. Линк кон веб страна од истиот сајт:
<a href=“home.html”>Кликни тука за да ја
видиш нашата домашна страница </a>

2. Линк кон друга веб страна:


<a href=“http://nacebugjoni.mk/”>Наце
Буѓони </a>

4
3. Текстуален линк кон некој фајл
<a href=“http://www.nesto.com/veb/file.zip”>
Превземете го материјалот file.zip </a>

4. Слика како линк кон веб страна од истиот


сајт
<a href=“home.html”><img
src=“slika1.jpg></a>

5
 Доколку сакаме линковите да бидат
групирани како во случај на навигациско
мени тогаш најчесто се користи тагот <ul>
за креирање на листи, а за кој повеќе ке
зборуваме подоцна

6
 Покрај навигацијата кон други веб страни и
фајлови, со помош на html може да се
креира и навигација во рамки на една веб
страна
 За таа цел се користи специјалниот
карактер # кој се поставува на почетокот од
вредноста на атрибутот href
 После него се запишува име на позицијата
на која се „скока“ во рамки на единствената
страница

7
 За да внатре во страната се дефинира каде
почнуваат одредени позиции се користи
атрибутот name
 Во следниот пример со клик на линкот
JavaScript страницата се скролува и на
својот врв ја поставува содржината која
започнува со текстот JavaScript

8
9
 Со клик на некој линк стандардно
содржината на линкуваната веб страна се
отвара во истиот прозорец на експлорерот
 Меѓутоа со примена на атрибутот target
може попрецизно да се контролира каде да
се прикажува содржината
 Атрибутот target припаѓа на тагот <a> и
можа да има повеќе вредности

10
11
 Линкот има три состојби(бои на текстот) во
кои може да се детектира
- Иницијална боја
- Боја во моментот на клик
- Боја после кликнување на линк која се
гледа по враќањето на страницата во која е
линкот
 Тие бои можат да се дефинираат со
произволна боја

12
 Тоа се реализира со помош на три атрибути
при што атрибутите можат да се применат
во тагот <body> или тагот <a>
- link
-alink(активен линк)
-vlink(посетен линк)
 Кога се дефинирани во тагот <body>
правилото важи за сите линкови на
страницата

13
 Покрај ова различните состојби определени
со различни бои можат да се дефинираат и
со помош на CSS за што ке зборуваме
подоцна

14
 Овој таг се пишува во <head> секцијата на
програмата
 Тагот не се затвара
 Со креирање на овој таг во комбинација со
неговите атрибути (href,target) сите
линкови во страницата кои не се екстерни
ке добијат префикс на својата патека
дефиниран со <base> и неговиот атрибут
href

15
 Исто така сите линкови во страницата ке се
однесуваат во согласност со атрибутот
target
 Ке разгледаме пример со произволен сајт и
патеката која води до неговиот фолдер

 www.nekojsajt.com/sliki target=“blank”

16
17
 Во случај на првиот линк експлорерот ке
биде упатен на сајтот дефиниран во тагот
<base> и тоа конкретно во фолдерот слики
(примарна патека) при што таму ке го бара
документот prikaz.html
 Во случај на вториот линк нема да важи
примарната патека дефинирана со <base>
затоа што линкот е екстерен и има своја
апсолутна патека

18
19
20
21
22
23
24
25
 Креирај веб страна која содржи три
линка.Линковите да бидат апсолутни и
страната кон која што водат да се вчитува
во нов прозорец.Бојата на линковите да
биде стандардна.

26
 Креирај веб страна со четири
линка.Линковите да бидат
релативни,односно да претставуваат врска
со други страници од нашиот сајт.Бојата на
линковите да биде сина,активните линкови
да имаат портокалова боја, а посетените
линкови да бидат со зелена
боја.Содржината на страниците да се
отвара во истиот прозорец

27
 Креирај веб страна која ке содржи линк за
превземање на pdf документ под име„HTML
програмирање“. Веб страната да има
наслов „html превземање“ а нејзината
позадина да биде жолта.

28
Проф.Ставревски Ненад
15.10.2019

29

You might also like