? HTML Tutoriali, Softweri i ostalo
Navigation

Great Free E-Book

Za izradu uspješnog Bloga je potrebno mnogo vremena, posvečenosti i truda. Izradu Bloga možemo usporediti sa sadnjom biljke, može izrasti u nešto prelijepo ako se brinemo o njoj i redovito ju zalijevamo. Sve je mnogo lakše kad je jednom sjeme posađeno.

Disclosure:
We are a professional review site that receives compensation from the companies whose products we review. We test each product thoroughly and give high marks to only the very best. We are independently owned and the opinions expressed here are our own.

HTML Tutoriali, Softweri i ostalo

Ako ste na početku izrade web stranice znaći da ste odabrali sadržaj pa ukoliko niste odabrati domenu možete to učiniti OVDJE.


HTML Tutorial

Za početnike je najbolje da koriste besplatne predloške (Template) dok ne savladaju osnovne HTML kodove a ovdje će te naći nekoliko HTML kodova koji neće biti u besplatnom predlošku.


HTML Basics

Prije nego što počnemo morate znati da svaki HTML kod sadrži početni i završni tag.

Za primjer ako želite podebljati dio texta tada morate koristiti <b>za otvaranje i </b> za zatvaranje koda.

Ako želite podebljati "Pozdrav" u rečenici tada će vam HTML kod izgledati ovako:.

<b>Pozdrav!</b> Moje ime je Ivan.

Izgledat će ovako: : 

Pozdrav! Moje ime je Ivan.

Samo je rijeć "Pozdrav!" podebljana jer tagovi okružuju samo nju. Ako želite podebljati cijelu rečenicu tada tag, </b>, morate staviti iza rijeći "Ivan". 


Text i Font tagovi

Nova stavka : <p> Počinje novi stavak i stvara prazan redak između novog i starog redka. Tag za zatvaranje je </p>.

Line Break: <br> Ovo će raskini tekst u sljedeći redak.. 

Podebljani text : <b>  završna oznaka je </b>.

Underline: <u>  završna oznaka je </u>

Italics: <i>  završna oznaka je </i>

Centriranje texta: <center> završna oznaka je </center>

Lijevo poravnanje texta: <p align="left">završna oznaka je </p>

Desno poravnanje texta: <p align="right">završna oznaka je</p>

Promjeni boju texta : <font color="red">završna oznaka je</font>  

Mijenjanje lica Fonta : <font face="Arial">

Promjeni velićinu fonta : <font size="3"> (choose between 1 and 7)

Treptajući Text: <blink>  </blink> (only works in Netscape)


Hiperlinks

Hiperlink je link koji vas vodi na drugu stranicu. Možete ga kreirati sa ovim kodom:

<a href="http://www.stranica.com">Ime linka</a>

Link će izgledati ovako:

Ime linka

Otvori link u novom prozoru

Ako ne želite da posjetitelj ne napušta vašu stranicu kliknuvši na link od druge web stranice možete staviti ovakav link i nova web stranica će se otvoriti u novom prozoru.

<a href="http://www…… "target="_blank">


Postavljanje slika

Ako želite staviti neku sliku (image) morate ju uploadati na server u mapu "images" a kod za prikazivanje te slike (npr. "apple.gif") će izgledati ovako:

<img src="images/apple.gif">

Ako u mapi "images" imate mapu "fruit" i u njoj je slika "apple.gif" tada će vam kod izgledati ovako:

<img src="images/fruit/apple.gif">


Slika na koju možete kliknuti

Ako želite staviti sliku na koju se može kliknuti da bi posjetitelji došli na drugu stranicu kod će izgledati ovako:

<a href="http://www.web stranica.com"><img src="images/apple.gif" border="0"></a>

Prvi dio linka govori browseru na koju web stranicu treba ići a drugi dio linka govori koja je slika na koju ćemo kliknuti.

Na ovoj stranici su samo HTML kodovi koji se najčešće koriste ali nećemo stati na tome jer će stranica biti postepeno nadopunjena novim kodovima. Ako vam treba bilo kakva pomoć slobodno me kontaktirajte.


Besplatni FTP softwer

Nakon što ste izradili Vašu web stranicu, morate ju spremiti na vaš web poslužitelj. Koristite besplatni FTP "FileZilla" za upload i objavljivanje Vaše stranice na Internet.


This free Dreamweaver template created by JustDreamweaver.com