Centar za edukaciju-BiH


switch Lista naslova: HTML tagovi

#1 04.02.2015 10:11
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet: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:
PreuzmiIzvorni kôd (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
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 2 puta. Posljednja izmjena 12.10.2021 12:26 od strane zxz. ↑  ↓

#2 04.02.2015 10:39
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Link na neku stranicu
PreuzmiIzvorni kôd (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
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#3 04.02.2015 10:53
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Link preko slike
PreuzmiIzvorni kôd (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.
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#4 04.02.2015 10:58
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Slanje emaila
PreuzmiIzvorni kôd (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:.
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#5 04.02.2015 11:39
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:ABBR-Titl tekst
PreuzmiIzvorni kôd (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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#6 04.02.2015 11:46
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:ACRONYM-Titl tekst
PreuzmiIzvorni kôd (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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 04.02.2015 11:47 od strane zxz. ↑  ↓

#7 04.02.2015 19:31
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Podebljana slova
PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Bold tekst</TITLE>
  2. </HEAD>
  3. Neki normalan tekst. <b>Podebljana slova</b?
  4. </BODY>
  5. </HTML>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#8 04.02.2015 19:45
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Tekst naopacke
PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Tekst naopacke</TITLE>
  2. </HEAD>
  3. <bdo dir="rtl">Ovo je tekst naopacke</bdo>
  4. </BODY>
  5. </HTML>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#9 04.02.2015 19:48
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Veliki tekst
PreuzmiIzvorni kôd (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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#10 04.02.2015 19:57
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Pasus-Uvuceni redovi
PreuzmiIzvorni kôd (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>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

Stranice (5):1,2,3,4,5


Sva vremena su GMT +01:00. Trenutno vrijeme: 1: 10 am.