Elementi (X)HTML

• 
• Ivan Mišić
  21.01.2009
  0 Komentara
• 
  Tweet
• X Html | html, xhtml

Elementi su zapravo gradivni blokovi (X)HTML-a koje koristimo za opis svakog djela teksta na nekoj Internet stranici. Njih tvore tagovi i sadržaj unutar tih tagova i postoji 2 glavne vrste elemenata. Jedna od njih su upareni tagovi, a drugi su jednostruki.

UPARENI TAGOVI

Jedna vrsta su upareni tagovi koji se koriste za opis nekog sadržaja tako što se na njegov početak postavi početni, a na kraj završni tag.

<tag>…</tag>

Tekst između manje od i veće od je (X)HTML tag.

To su najčešće paragrafi, naslovi, tablice, liste…

Početni tag <tag> govori Internet pregledniku gdje element počinje, dok završni tag </tag> govori gdje završava.

Primjer <b>podebljane</b> riječi.

Upotrebom tagova <b>…</b> Internet pregledniku smo rekli da riječ (podebljane) prikaže podebljano – boldano. Znači gore interpretirano će zapravo izgledati ovako:

Primjer podebljane riječi.

Tagovi i sadržaj između njih se nazivaju elementima. HTML-u je svejedno dali je tag velikim ili malim slovima, dok kod XHTML-a mora biti malim slovima.

JEDNOSTRUKI TAGOVI

Jednostruki tagovi su zapravo elementi koji ubacuju nešto u HTML, za razliku od uparenih koji zatvaraju neki sadržaj.

<tag >

Koriste se najčešće kod ubacivanja slika, jednostrukih proreda…

Razlika između HTML i XHTML je u tome što kod XHTML tag mora završiti sa kosom crtom.

<tag/>

No kako bi tag mogao pročitati i stariji Internet preglednik prije kose crte moramo staviti jedan razmak. Na taj način preglednik ignorira kosu crtu, jer on ne poznaje XHTML

<tag />

Primjer ubacivanja slike u (X)HTML

1

<img src="/hdonweb.jpg" />

UPARIVANJE

Velik broj stranica koristi uparene elemente, njih možete zamisliti kao kutije koje stanu jedna unutar druge. Za primjer možemo useti liste koje koriste 2 elementa:

<ul> – element govori da je lista neuređena – buleted

<li> – označava svaku stavku pojedinačno

Koristeći kombinirane elemente morate paziti da zatvorite sve unutarnje elemente pa tek onda vanjske.

1
2
3
4

<ul>
	<li>HDonWEB</li>
	<li>tutorijali</li>
</ul>

Dobit ćemo ovo:

• HDonWEB
• tutorijali

Povezani postovi

• Što je (X)HTML? – uvod
• 8. Stvari koje ne biste trebali raditi prilikom pisanja HTML-a
• 20 praktičnih HTML savjeta
• HTML – XHTML Atributi i entiteti
• Naprednije korištenje HTML lista