Иди на текст

Основни елементи HTML језика

Ознаке

HTML ознаке представљају основне градивне елементе HTML документа. Ознаке (или тагови) се записују између угластих заграда < и > и обично долазе у паровима:

<ознака>садржај</ознака>

Прва ознака је почетна, друга, која садржи косу црту / је завршна, а између њих се налази садржај. У следећем примеру...

<p>Ово је пасус текста.</p>

...за елемент <p> који се користи за навођење пасуса текста:

  • <p> је почетна ознака,
  • Ово је пасус текста. је садржај и
  • </p> је завршна ознака.

HTML елемент

Неки елементи немају садржај и састоје се из једне ознаке која се самозатвара, као на пример елемент <br> за прекид реда:

<br>

Ови елементи називају се и празни елементи.

HTML празан елемент

О осетљивости на мала и велика слова

У односу на кључне речи и функције програмског језика C, HTML ознаке елемената нису осетљиве на велика и мала слова (нису case sensitive). То значи да би елементе из претходних примера могао да наведеш и овако...

<P>Ово је пасус текста.</P>
<BR>

...или овако:

<p>Ово је пасус текста.</P>
<Br>

Иако је то могуће, све ознаке елемената записиваћеш искључиво малим словима!

HTML елементи могу бити угнежђени, што значи да у садржају једног елемента можеш да наведеш друге елементе. У следећем примеру...

<p>Be not afraid of <b>greatness</b>.<br>
Some are born great,<br>
some achieve greatness,<br>
and others have greatness thrust upon them.</p>

...у оквиру елемета <p> угнежђена су три елемента <br> и један елемент <b>.

Атрибути

Сви елементи могу имати атрибуте који пружају додатне информације о елементима. Атрибути се увек наводе у почетној ознаци и обично долазе у паровима назив/вредност:

назив="вредност"

У следећем примеру...

<p lang="en">Be not afraid of <b>greatness</b>.<br>
Some are born great,<br>
some achieve greatness,<br>
and others have greatness thrust upon them.</p>

...у почетној ознаци <p> елемента наведен је атрибут lang којем је додељена вредност en. Тиме је прегледачу наглашено да је текст у пасусу на енглеском језику.

Атрибут

Неки елементи немају смисла без наведених атрибута. На пример, ако само наведеш елемент <img> који служи за убацивање слика у HTML документ, елемент неће бити функционалан без наведеног атрибута. Тек када наведеш атрибут src којим се одређује путања до слике која треба да се прикаже...

 <img src="vrsac.jpg"> 

...елемент добија смисао.

Једна елемент може да садржи више атрибута. У претходном примеру, правило је да се уз убачену слику наведе и атрибут за опис слике...

 <img src="vrsac.jpg" alt="Фотографија Града Вршца"> 

...а често се наводе и ширина и висина слике:

 <img src="vrsac.jpg" alt="Фотографија Града Вршца" width="320" height="200"> 
О наводницима око вредности атрибута

HTML стандард не захтева да се наведу наводници око вредности атрибута. То значи да си атрибут src из претходног примера могао да наведеш и овако:

<img src=vrsac.jpg> 

Иако је могуће да се вредност атрибута наведе без наводника, немој то никада да радиш!

Понекад мораш да користиш наводнике, јер вредности атрибута могу да садрже размаке. У следећем примеру, атрибут alt неће бити исправно наведен, јер вредност која треба да му се додели Фотографија Града Вршца садржи размаке:

<img src=vrsac.jpg alt=Фотографија Града Вршца> 

За навођење вредности атрибута могу се користити и апострофи уместо наводника. То може бити корисно ако вредност атрибута у себи садржи наводнике, на пример, ако alt атрибут треба да добије вредност Школски центар "Никола Тесла", онда то можеш записати овако:

<img src="skola.jpg" alt='Школски центар "Никола Тесла"'> 

За навођење вредности атрибута користи апострофe уместо наводника само ако вредност атрибута садржи наводнике!