HTML - početak

HTML je skraćenica od Hyper Text Markup Language. HTML predstavlja standardni jezik za izradu web stranica. Svoju raširenost zahvaljuje jednostavnosti i tome sto je od početka bio zamišljen kao besplatan i tako dostupan svima. Kreiranje HTML datoteke se može napraviti u običnom tekstualnom editoru kao sto je Notepad. Datoteka tako stvorena mora imati ekstenziju html ili htm. HTML datoteka se sastoji od html tagova. Tagovi se koriste da bi rekli web pregledniku kako da prikaže tu stranicu. Pa sad krenimo sa primjerom. Otvorite Notepad i napišite sljedeće:

Primjer 1:

<html> <head> </head> <body> Ovo je moja prva web stranica! </body> </html>

Sačuvajte dokument pod nazivom index.html. Upravo ste kreirali svoju prvu web stranicu. Sada jednostavno kliknite dva puta na kreirani dokument i on će se otvoriti u vašem web pregledniku.

Objasnimo malo šta smo upravo napisali.
Svaki HTML dokument mora započeti sa tagom <html> i završiti sa tagom </html>. Kosa crta znači završetak otvorenog taga.Tako imamo <head> i </head> te <body> i </body>. U <head> tagu se upisuju posebni tagovi, skripte itd. koji su potrebni tom html dokumentu. Za početak nam to neće trebati pa je ovdje ovaj tag prazan, ali se po pravilu mora napisati kao i <body> tag. U <body> ide sadržaj koji će biti prikazan. HTML tagovi nisu "case sensitive", tj. nećete imati problema ako ih pišete i velikim slovima ili bilo kojom kombinacijom.

Primjer 2:

<html> <head> </head> <body> <h1>Ovo je moja druga web stranica!<h1><br> <b>HTML je veoma lagan i pregledan</b><br> bas radi tagova. </body> </html>

Ovdje upotrebljavamo tri nova taga. h1 tag se upotrebljava za naslove "Heading 1" odnosno naslov veličine 1 što predstavlja i najveći naslov. Naslovi 2, 3, ... su sve manji i manji. br tag se koristi za prijelaz u novi red. Primijetite da web preglednik neće tekst prebaciti u novi red samo ako kliknete Enter za novi red. Pregledniku trebate sa tagom br eksplicitno naznačiti prijelaz u novi red. Tu je još i b tag. Sa b tagom jednostavno ispisujemo podebljana "bold" slova. Tako za kosa ili "italic" slova koristimo <i> ... </i> tag.

Još jedan tag koji moramo spomenuti u ovom uvodu je <p> tag. Sa njim odvajamo paragrafe i to na sljedeći način:

Primjer 3:

<html> <head> </head> <body> <h1>Ovo je moja treca web stranica!<h1><br> <b>HTML je veoma lagan i pregledan</b><br> bas radi tagova. <p>I sada znam <i><b>osnove</b></i></p> </body> </html>

Naravno, ne pišu se sve stranice samo u tekstualnom editoru. Postoji i programi koji vam omogućavaju WYSIWYG - "what you see is what you get" odnosno "Ono što vidiš to ćeš i dobiti". Ali za početak je nabolje naučiti sam pisati HTML jer se kasnije puno lakše snaći u kodu koji dobijemo od ovakvih programa. Programi koji ovo nude su FrontPage, Dreamweaver koji su i najpoznatiji, ali, naravno, postoji puno više ovakvih programa.

Ako ste naučili nešto novo napišite jedan komentar podrške.
Hvala!

Autor: Vedran

Datum objave: 21.01.2008

Za vas smo izdvojili:

■  Tablice u HTML-u
■  Kako postaviti dio slike kao link
■  Vrste lista u HTML-u
■  Prečaci u HTML stranicama
■  Formatiranje teksta

Zadnjih 5 članaka

■  Lozinke, lozinke …
■  Kako prebaciti PDF u Word dokument
■  Kako postaviti stranicu na Internet
■  Cyclic Redundancy Check error
■  Riješite se Antivirus 2009 - rogue programa

KOMENTARI:

Nema još ni jednog komentara.

Samo registrirani korisnici mogu komentirati.