Bosna i Hercegovina


switch Lista naslova:

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: HTML tagovi*
U ovoj temi bit ce opisani neki od html tagova sa primjerima.
Vecina tagova koji se otvore moraju biti i zatvoreni.
Osnovni tagovi na stranici su
<HTML>Nasa stranica>/HTML>
Prvi tak:<HTML> se mora nalaziti na pocetku nase stranice i drugi koji zatvara JE:
</HTML> se nalazi na krju nase stranice.
Znaci tag za zatvaranje se razlikuje od pocetnog samo sto ima kosu crtu "/"

Primjer osnovnih tagova koji se nalaze na svakoj html stranici:
DownloadIzvorni kod (HTML):
  1. <title>Naslov na vasoj stranici</title>
  2. </head>
  3. Ovdje su svi elementi nase stranice i
  4. Nalaze se izmedju dva taga <bodi>
  5. </body>
  6. </html>

Sve ovo mozete isprobati u vasem brovseru ako ovaj kod kopirate u napr. notepad i zapisete pod imenom:
NekiNaziv.html
Znaci ekstenzija html

Opsirnije mozete na ci na ovom linku:
Uvod u HTML
Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 04.02.2015-10:30 od strane zxz. ↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Link na neku stranicu
DownloadIzvorni kod (HTML):
  1. <TITLE>Neki naslov</TITLE>
  2. </HEAD>
  3. <a href="http://www.icentar.ba" target="_blank>Otvori iCentar</a>
  4. </BODY>
  5. </HTML>
href="http://www.icentar.ba"-adresa stranice
target="_blank-_Blank oznacava da ce se stranica otvoriti u novom prozoru.
Ukoliko necete da se otvori u novom prozoru dovoljno je izostaviti target="_blank
Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Link preko slike
DownloadIzvorni kod (HTML):
  1. <TITLE>Neki naslov</TITLE>
  2. </HEAD>
  3. <a target="_blank" href="http://www.icentar.ba" ><img  width="300" border="0" src="http://static.igre123.net/images/forum/posts/a/53bff60167c0b9286c23127b939b9fda.jpg"></img></a></a>
  4. </BODY>
  5. </HTML>
href="http://www.icentar.ba-Link na stranicu
<img -tag za sliku
width="300"-duzina slike
border="0" -Obrub slike. Stavite border napr 4 da bi vidjeli kako to radi.
0 je bez obruba
src="http://static.igre123.net/...g"-Adresa slike i iza nje zatvaranje taga img "></img>"
Koko ste primijetili ovdje je malo drugacije sto se tice taga img.
Cio tag img bi izgledao:
<img> medjutim na pocetku je napisano <img i nije zatvoreno sa >.
Znaci ukoliko napisemo < nekinazivtaga iza naziva mozemo pisati osobine toga taga kao sto je velicina boja itd..
</img>- nije bilo ni potrebno nego eto radi razumimijevanja.
Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Slanje emaila
DownloadIzvorni kod (HTML):
  1. <TITLE>Neki naslov</TITLE>
  2. </HEAD>
  3. <a href="mailto:nazivmaila@hotmail.com">Posalji e-mail</a>
  4. </BODY>
  5. </HTML>

Znaci sve isto kao i link samo imamo umjesto http mailto:.
Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: ABBR-Titl tekst
DownloadIzvorni kod (HTML):
  1. <TITLE>Neki naslov</TITLE>
  2. </HEAD>
  3. Bez titla prednji <abbr title="Neki titl na tekst">OVO JE TEKST KOJI IMA TITLA. </abbr> Tekst bez titla
  4. </BODY>
  5. </HTML>

Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: ACRONYM-Titl tekst
DownloadIzvorni kod (HTML):
  1. <TITLE>Neki naslov</TITLE>
  2. </HEAD>
  3. Neki tekst <acronym title="Ovo je titl tekst">Ovaj ima titl</acronym>?
  4. <p>
  5. Napomena:
  6. Ovaj tag podrzava html5.
  7. </BODY>
  8. </HTML>

Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 04.02.2015-11:47 od strane zxz. ↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Podebljana slova
DownloadIzvorni kod (HTML):
  1. <TITLE>Bold tekst</TITLE>
  2. </HEAD>
  3. Neki normalan tekst. <b>Podebljana slova</b?
  4. </BODY>
  5. </HTML>

Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Tekst naopacke
DownloadIzvorni kod (HTML):
  1. <TITLE>Tekst naopacke</TITLE>
  2. </HEAD>
  3. <bdo dir="rtl">Ovo je tekst naopacke</bdo>
  4. </BODY>
  5. </HTML>

Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Veliki tekst
DownloadIzvorni kod (HTML):
  1. <TITLE>Veliki tekst</TITLE>
  2. </HEAD>
  3. <p>Normalan tekst.</p>
  4. <p><big>Veliki tekst.</big></p>
  5. <p>Podrzava samo HTML5</p>
  6. </BODY>
  7. </HTML>

Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Pasus-Uvuceni redovi
DownloadIzvorni kod (HTML):
  1. <TITLE>Pasus</TITLE>
  2. </HEAD>
  3. <p>Pasus odnosno uvuceni red.</p>
  4. <p><blockquote>Ovo je tekst koji ima pasus</p>
  5. <p>I ovo je tekst sa uvucenim pasusom.</blockquote></p>
  6. </BODY>
  7. </HTML>

Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Novi red
DownloadIzvorni kod (HTML):
  1. <TITLE>Novi red</TITLE>
  2. </HEAD>
  3. Prvi red teksta<br>Drugi red teksta<br>Treci red tekststa<br>
  4. Ovaj tag nemoramo zatvoriti dovoljno je samo <br> gdje zelimo prelomiti tekst u novi red<br>
  5. otvoriti tag
  6. </BODY>
  7. </HTML>

Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Komandni taster-Botton
DownloadIzvorni kod (HTML):
  1. <TITLE>Komandni taster</TITLE>
  2. </HEAD>
  3. <button type="button" onclick="alert('Pozdrav!')">Klikni!</button>
  4. </BODY>
  5. </HTML>

Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 04.02.2015-20:19 od strane zxz. ↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Poravnanje teksta u sredinu
DownloadIzvorni kod (HTML):
  1. <TITLE>Poravnanje u centar</TITLE>
  2. </HEAD>
  3. Ovaj tekst nema poravnanje<br>
  4. <center>Ovaj tekst je poravnan u sredinu</center>
  5. </BODY>
  6. </HTML>

Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Prelazak u novi red i poravnanja
Prelazak u novi red se moze postici sa tagom <p>. On ima isti učinak kao i tag <br> s tom razlikom što će napraviti mali razmak između redova. Na kraju odjeljka možemo staviti i njegov završni tag, ali većina browsera ga ne zahtijeva, tako da ga slobodno možemo izostaviti.
Tekst se po defaultu poravnava uz lijevu marginu. Centriranje odjeljka ili poravnanje odjeljka uz desnu marginu se postiže align atributom.
Align atribut može imati tri vrijednosti:
Left
Right
Center

Primjer:
DownloadIzvorni kod (HTML):
  1. <TITLE>Poravnanjesa tagom p </TITLE>
  2. </HEAD>
  3. <p align="Left"> Ovaj tekst je poravnat lijevo
  4. <p align="center"> Ovaj tekst je poravnat u sredinu
  5. <p align="right"> Ovaj tekst je poravnat desno
  6. </BODY>
  7. </HTML>

Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,362


Subject: Linija-Iscrtavanje linije
DownloadIzvorni kod (HTML):
  1. <TITLE>Poravnanjesa tagom p </TITLE>
  2. </HEAD>
  3. <hr noshade align="center" size="6" width="50%" color="#FF0000">
  4. <hr style="border:dashed align="center" size="3" width="300" color="#D4D0C8">
  5. </BODY>
  6. </HTML>

Pozdrav
↑  ↓

 Podijeli  Dodaj odgovor Stranice (3): 1, 2, 3


All times are GMT +01:00. Current time: 23.06.2017-07:52.