Besplatna Instalacija Web Stranice i WordPress Bloga!
Ako ste potpuni početnik i trebate pomoć slobodno nas kontaktirajte...
Više o Besplatnoj InstalacijiHTML Tutoriali
Ako ste na početku izrade vaše web stranice vjerojatno ste izabrali vašu domenu i hosting kompaniju gdje će vaša stranica biti smještena. U slučaju da još niste možete posjetiti ovu Hosting kompaniju na kojoj su smještene sve moje web stranice i blogovi (možete imati neograničen broj domena) pa ju toplo preporučam i vama.
Što je HTML?
HTML je kratica za Hyper Text Markup Language. HTML dokumenti sadrže HTML oznake tj. tagove koji opisuju web stranice i običan tekst. HTML tagovi obično dolaze u paru, kao što su <b> i </b>od kojih je prvi tag u paru početni tag a drugi je završni tag.
Za primjer ako želite podebljati dio teksta 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 završni tag, </b>, morate staviti iza riječi “Ivan”.
Svrha web preglednika (poput Internet Explorera ili Firefox) je pročitati HTML dokument i prikazati ga kao web stranicu.
Browser ne prikazuje HTML oznake, ali koristi oznake za interpretaciju sadržaja stranice:
<html>
<body>
Moj prvi <h1> Naslov </ h1>
<p> Moja prva stavka. </ p>
</ body>
</ html>
Objašnjenje:
* Tekst između <html> i </ html> označava početak i kraj web stranice
* Tekst između <body> i </ body> je vidljiv sadržaj stranice
* Tekst između <h1> i </ h1> prikazuje se kao naslov
* Tekst između <p> i </ p> prikazuje se kao stavka
HTML – Naslovi
HTML naslovi su definirani oznakom od <h1> do <h6>.
Primjer:
<h1> Ovo je naslov </h1>
<h2> Ovo je podnaslov </h2>
<h3> Ovo je podnaslov 2 </h3>
<h4> Ovo je podnaslov 3 </h4>
HTML – Stavci
HTML stavci su definirani <p> oznakom.
Primjer:
<p> Počinje novi stavak i stvara prazan redak između novog i starog reda. Tag za zatvaranje
je </p>
HTML – Linkovi
HTML veze su definirane <a> oznakama.
Primjer:
<a href=”http://www.stranica.com”>Ime linka</a>
Link će izgledati ovako:
Ako ne želite da posjetitelj 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”>
Napomena: veza adresa je navedena u “href” atributu.
HTML – Slike
HTML slike su definirane <img> oznakom.
Primjer:
Ako želite staviti neku sliku (image) morate ju uploadati na server u mapu “images” a kod za prikazivanje te slike
(npr. “jabuka.gif”) će izgledati ovako:
<img src=”images/jabuka.gif” width=”104″ height=”142″ />
Ako u mapi “images” imate mapu “voće” i u njoj je slika “jabuka.gif” tada će vam kod izgledati ovako:
<img src=”images/voce/jabuka.gif” width=”104″ height=”142″ />
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/jabuka.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.
HTML Oblikovanje Teksta
Pogledajte ovaj primjer:
<b>Ovaj tekst je podebljan (bold)</b>
<big>Ovaj tekst je velik (big)</big>
<i>Ovaj tekst je italic</i>
<code>Ovo je computer output</code>
Ovo je <sub> subscript</sub> i <sup> superscript</sup>
Rezultat:
Ovaj tekst je bold
Ovaj tekst je bigOvaj tekst je italic
Ovo je computer outputOvo je subscript i superscript
HTML oblikovanje tagova
HTML koristi tagove kao <b> i <i> oblikovajući ih kao bold ili italic text.
Ove HTML tagove zovemo tagovi oblikovanja.
Često <strong> izgleda kao <b>, a <em> izgleda kao <i>.
Međutim, postoji razlika u značenju ovih tagova:
<b> ili <i> definira podebljano ili italic text.
<strong> ili <em> znači da želite tekst koji će izgledati tako da ga korisnik razumije kao “važno”. Danas, svi glavni pretraživači prikazuju em kao italic a strong kao bold.
HTML Text Oblikovan Tagovima
| Tag | Opis |
|---|---|
| <b> | Definira podebljan text |
| <big> | Definira veliki text |
| <em> | Definira naglašen text |
| <i> | Definira italic text |
| <small> | Definira mali text |
| <strong> | Definira strong text |
| <sub> | Definira subscripted text |
| <sup> | Definira superscripted text |
| <ins> | Definira umetnuti text |
| <del> | Definira izbrisani text |
HTML “Computer Output” Tagovi
| Tag | Opis |
|---|---|
| <code> | Definira text kompjutorskog koda |
| <kbd> | Definira text tipkovnice |
| <samp> | Definira uzorak računalnog koda |
| <tt> | Definira teleprinter tekst |
| <var> | Definira variable |
| <pre> | Definira preformatirani tekst |
HTML Citati i Tagovi Definicije
| Tag | Opis |
|---|---|
| <abbr> | Definira kratice |
| <acronym> | Definira akronim |
| <address> | Definira kontakt informacije za autora / vlasnika dokumenta |
| <bdo> | Određuje smjer teksta |
| <blockquote> | Definira dugačke navodnike |
| <q> | Definira kratke navodnike |
| <cite> | Definira citat |
| <dfn> | Definira definiciju pojma |
HTML Boje
Možete izmijeniti boje tako da vaša stranica izgleda jedinstveno. Izaberite tri potpuno razlićite boje i s njima gradite svoju stranicu. Dobro je pitati druge za mišljenje pa kad nešto napravite pitajte svoje prijatelje kako to njima izgleda i dali bi trebalo nešto promijeniti.
Pazite pri izboru boja jer radite stranicu za mnogo posjetitelja pa ako se neka boja sviđa vama to ne znači da će se svidjeti svima. Vaša stranica će bolje izgledati sa bojama ugodnim za oko nego sa mračnim ili kričavim bojama.
Kodove za boje možete vidjeti ovdje
Želite znati više o HTML posjetite moj blog Izrada Web Stranice i Bloga
Navigacija
- Kako Izraditi Web Stranicu
- Kako početi sa izradom vaše prve web stranice? Koji program vam je potreban i kako najlakše i najbrže izraditi svoju prvu web stranicu.
- Statična Web Stranica ili Blog
- Koja je razlika? Nemožete se odlučiti između Web Stranice i Bloga? Ovaj kratak opis če vam pomoći u izboru.
- Izaberite Temu
- Izbor teme je prvi korak koji morate napraviti u izradi svoje web stranice. Izbor teme je vrlo važan jer...
- Registrirajte svoju Domenu
- Registracija domene je drugi korak. Da bi imali web stranicu ili blog morate imati svoju adresu...
- Izaberite Hosting
- Izbor hostinga je treči i vrlo važan korak. Prilikom izbora hostinga morate znati koliki prostor i propusnost čete trebati. Dali vam je dovoljna samo jedna ili želite imati više domena na jednom hostingu...
- Izradite svoj Blog
- Izrada bloga je mnogo lakša od izrade web stranice. Izaberete li pravi hosting paket izrada bloga može biti dječja igra...
- Besplatna Web Stranica
- Besplatne web stranice imaju mnoge nedostatke. Iako "besplatno" mnogima zvuči primamljivo trebate dobro razmisliti prije takve odluke...
- HTML Pomoć
- HTML tutoriali če vam pomoći u izradi vaše prve web stranice...
- Web Dizajn
- O dizajnu vaše web stranice ovisi hoče li se posjetioci osječati ugodno za vrijeme čitanja ili če brzo napustiti vašu stranicu...
- SEO Optimizacija
- Seo optimizacija (search engine optimization) je najvažnija nakon što ste vašu web stranica ili blog postavili na vaš hosting. U SEO optimizaciju treba uložiti mnogo vremena i truda jer o njoj ovisi kolika če vam biti posječenost.
- Zarada na Internetu
- Zaraditi na internetu mogu svi koji su dovoljno uporni i spremni uložiti svoje dragocijeno vrijeme u edukaciju. Možete zaraditi na više načina a na vama je da odlučite...
- O Nama
- Naš cilj je da vama kao početniku pružimo sve što je potrebno za izradu vaše prve web stranice. Pomoću ovih tutoriala možete sami izraditi svoju web stranicu i tako ušparati mnogo novca koji bi potrošili plačajući drugima da to rade umjesto vas...