HTML 5

4.Хипервезе
5.Слике
Шаљy претраживач на другу страну или део
стране, неки аудио, видео извор, мејл програм..

Она садржи адресу која се зове URL тј. униформни

локатор ресурса и има општи облик :

http://www.imeservera.com/putanja/resurs
httpје протокол за пренос хипертекста, тј веб
страна
www.imeservera.com је име сервера (домена) где
је тражени извор
putanja се састоји од фолдера и подфолдера
Resurs је име самог извора (веб страна, аудио,
видео, слика) који је нађен помоћу путање на
серверу
Апсолутне адресе и линкови ка њима
apsoltne URL adr.html

Апсолутне адресе садржи потпуну адресу неког

ресурса са свим горе описаним елементима и
користи се за повезивање са неком локацијом на
интернету.

<a></a>Oзнака за сидро која упућује на неку URL

адресу нпр:

<a href= "http://www.google.com">Google pretrazivac</a>

href означава адресу на коју се иде у овом случају

адр. Googla а текст Google pretrazivac је текст
притиском на који ће се ићи на ту адресу.
Нпр у бочни стубац где је неуређена листа убацимо
:
<ul>
<li><a href= "http://www.google.com/">Google
pretrazivac</a></li>

<li><a href = "http://www.yahoo.com">Yahoo

</a></li>

<li><a href = "http://wikipedia.org">Wikipedia

</a></li>

<li><a href ="http://amazon.co.uk">Amazon</a>

</li></ul>
Добијамо
Релативна URL адреса

служи да повеже различите одељке истог документа

или документе у истом фолдеру.

Главна страна презентације се обележава са

index.html или default.html која се прво шаље
претраживачу у већини случајева.

Направимо главну фасциклу и подфсациклу.

У главној фасцикли направимо страну index.html где

ћемо навигациони део претворити у релативне
линкове и страну од основног шаблона
podstrana1.html и у телу подстране додамо
<h1>Ovo je podstrana 1</h1>

<h2><a href = "index.html">Glavna strana</a></h2>

Ово ће бити линк ка главној страни

Пошто су на истом нивоу довољно је додати

"index.html" као ознаку за релативну адресу.

Од истог шаблона у подфасцикли направимо

podstrana2.html а у телу додамо

<h1>Ovo je podstrana 2</h1>

<h2><a href ="../index.html">Glavna strana
</a></h2>
../ у ознаци за адресу говори да се ради о фолдеру
изнад.

У навигационом делу главне стране направићемо

линкове за подстране :

<ol><li><a href =
"podstrana1.html">Podstrana1</a></li>

<li><a href =
"./podfascikla/podstrana2.html">Podstrana2</a></li>
</ol>

Ознака ./podfascikla говори да се тражени садржај

налази ниво испод у podfascikla.
На главној страни добијамо
На подстрани 1

На подстрани 2
 Повезивањем са другим делом исте стране –
sidramail.html

У уређену листу додамо две ставке

<li><a href ="#clanak1">Clanak1</a></li>
<li><a href ="#clanak2">Clanak2</a></li>

# значи да идемо на исту страну и то на ознаке clanak1 и clanak2.

Где идемо тј ознаке дефинишемо са

<a name ="clanak1">OVO JE ZAGLAVLJE prvog clanka!!!!!!!!!!</a>

и
<a name ="clanak2">Ovo je drugi odeljak</a>
Добијамо

Када хоћемо стриктно да дефинишемо да ли се

тражени садржај отвара у новом или истом прозору
у <a>oзнаку додајемо target =”_blank” или

target =”_parent” што можемо применити у

линковима за први и други чланак на страни
sidramail.html.
<li><a href ="#clanak1"target = "_blank">Clanak1</a></li>
нови tab или прозор

<li><a href ="#clanak2"target ="_parent">Clanak2</a></li>

исти прозор

Мејл линкови

Убацујемо у заглавље стране index.html

<h4><a href ="mailto:simovicslavisa@gmail.com?
subject=Provera%20Mejl%20Linkova
&cc=jj@gmail.com
&bcc=gg@gmail.com
&body=Ovo%20je%20test%20mejl">Kontaktirajte
nas</a></h4>
%20 је ознака за празно место, први и други ред
прималац па име поруке, трећи ред прималац,
четврти скривени прималац, даље садржај поруке и
текст мејл линка

Или једноставније
<a href
="mailto:simovicslavisa@gmail.com">Kontaktirajte
nas</a>
5.Слике
Слике на интернету су најчешће у једном од три
формата

JPEG – основни формат за фотографије на

интернету са великим варијацијама боја
GIF- за статичне слике и цртеже, не и фотографије
– мање боја
PNG– за цртеже, доста боја, својство прозрачности

У бочном стубцу стране index.html убацујемо слику,

ако је у истом фолдеру:
<img src ="Le Havre.jpg"width="40"height="60"
alt="Slika Avr"/>

Слика коју убацујемо, ширина, висина,

алтернативни назив.

Алтернативни назив служи када је онемогућено

приказивање слика.
Слике као линкови

Ако хоћемо да слика ова слика буде линк ка

подстрани 1 стављамо

<a href="podstrana1.html"target = “_blank">

<img src ="Le Havre.jpg"width="40"height="60"
alt="Slika Avr"/></a>

На подстрани 1 можемо убацити слику у пуним

димензијама.
<img src ="Le Havre.jpg" alt="Slika Avr"/>