петак, 12. март 2010.

5Основе HTML

Везе (Линкови)
Главна одлика HTML-докумената је присуство, у њему, хиперлинкова (или просто линкова - веза) који воде на друга документа, сајтове, датотеке (фајлове), слике итд. Управо та могућност, да се на страницу може ставити веза (линк), која води на објекте ван те странице, учинила је да Интернет постане тако популаран и погодан за коришћење. Зато, при прављењу сајта не треба никако заборавити на магију линкова.

Везе (линкови) се деле на спољашње и унутрашње, а такође и на текстуалне и графичке. Спољашње воде ван граница сајта/блога, унутрашње на различите делеве тог сајта/блога (html странице). Текстуална веза је обичан текст (подразумевано он је обојен плаво и подвучен), а графичка веза је слика. На њих треба кликнути за прелазак даље. Све те „разноликости“ линкова праве се у HTML помоћу тага <А></А> (скраћено од енгл. anchor - сидро).

За стварање везе на други документ (спољашњи линк), служе атрибути тага А - href. Значење тог атрибута је URL-адреса документа или име датотеке (фајла), ако је датотека (фајл) у истој фасцикли, у супротном треба на њега указати потпуни пут. Текст везе-линка (њега још зову ankor), може бити како обичан текст (текстуални линк), тако и графички приказ – слика (графички линк). Графички линк се прави стављањем тага IMG између тагова <А> и </А>. Уопште, синтаксис стварања линка изгледа овако:

<a href="URL-адреса или име фајла">текст линка (ankor)</a>

На пример, да бих направила текстуалну везу (линк) на прву страницу мог сајта која се зове: Стварамо звезде, треба да напишем следећи HTML-код:

<a href="http://smart.wellnet.me/">Стварамо звезде</a>

У прегледачу ће то изгледати овако:
Стварамо звезде

Боја текста линка може се променити помоћу атрибута тага BODY. Иначе, на текстуалне везе (линкове) се могу применити исти атрибути обликовања као и на основни текст странице (подебљати, искосити, користити заглавља и тд.).

Да би направили графички линк, треба користити  таг IMG. То би изгледало овако:

<a href="http://smart.wellnet.me/"><img src="smilja2.jpg"></a>

А прегледач ће показати:

графички линк

Стандардно, прегледач око слике у графичком линку поставља рам. Ако не желите рам, онда треба атрибуту border тага IMG присвојити значење 0:

<a href="http://smart.wellnet.me/"><img src="smilja2.jpg" border="0"></a>

Текстуални и графчки линкови могу се комбиновати. Ако се напише:

<a href="http://smart.wellnet.me/"><img src="smilja2.jpg">Стварамо звезде</a>

онда ће веза-линк бити и слика и текст "Стварамо звезде“

стварамо звездеСтварамо звезде

Подразумевано, прегледач при преласку преко везе (линка) отвара нову страницу у истом прозору у ком се ви налазите. Да би то променили, користимо атрибут тага A target. Он има следећа значења (ово су само основна значења, има их више):

_blank – отвара страницу у новом прозору;
_parent у родитељском прозору;
_self – стандардно, отвара везу у том истом прозору.

На пример:
<a href="http://smart.wellnet.me/" target="_blank">Стварамо звезде</a>

У тагу А може се користити и атрибут title. Помоћу њега може се поставити искачућа примедба када се стане мишем на везу:

<a href="http://smart.wellnet.me/" title="Прећи на страницу Стварамо звезде ">Стварамо звезде</a>

Унутрашњи линкови праве се као и спољашњи. Само се у значењу атрибута href наводи сидро везе (линка). Сидро се прави атрибутом name:

<a name="име сидра">tekst</a>

Име сидра задаје се произвољно. Текст међу таговима <А> и </А> за прављење сидра није обавезан и често се не пише. HTML-код унутрашњег линка ће бити:
<a href="#zaglavlje">На заглавље</a>

А у прегледачу је овако:
На заглавље

Уместо URL-адресе у значењу атрибута href може се написати адреса електронске поште с навођењем протокола (mailto:) и тада при клику на тај линк отвара се поштански програм с уписаном у пољу „Коме“ том адресом електронске поште. У HTML-коду то изгледа овако:

<a href="mailto:snelle@smart.wellnet.me">Моја пошта</a>

А у прегледачу се види ово:
Моја пошта

И то је све о основама HTML. Већ на основу овога ви можете сами да напишете помоћу HTML- кода своју једноставну страницу. 
.

0 коментара :

Постави коментар