HTML osnove 1 – osnovni HTML
Ako želite napraviti svoju prvu Internet stranicu, a ne znate kako to napraviti u ovome članku ćete pronaći osnove rada u HTML – u.
Prvo što će vam biti potrebno kako bi započeli je neki od jednostavnih tekst editora, a najjednostavniji od svih svakako je Notepad. Za pokretanje Notepad editora uči ćete u Start – Programs – Accessories i to ćete odabrati Notepad.Sigurno će se većina zapitati zašto koristiti Notepad, a ne neki od popularnih programa za izradu Internet stranica?
Jednostavno – želite naučiti osnove čistog HTML koda, a svi ti kompleksni programi za izradu Internet stranica u principu rade na vizualnom, grafičkom dizajnu, a HTML kod je uglavnom sakriven, te ga posebno treba postavljati kako bi se prikazao. Svakako, za naučiti osnovni HTML ovo je najbolja opcija, a kasnije, kada savladate osnove, bez problema možete odabrati bilo koji program gdje ćete se svakako, uz osnovno znanje lakše snalaziti. Dakle, započnimo, korak po korak.
Otvorite novi Notepad dokument. Prva stvar koju trebate naučiti je koncept oznake (tag).
Što je oznaka? To su jednostavno upute za preglednik (kao što je Internet Explorer ili Mozilla Firefox) koje pregledniku govore što treba učiniti. Većina oznaka (tagova) su početak i završetak elementa. Sve oznake moraju početi sa znakom manje od (<), a završavati sa znakom veće od (>):
Prva oznaka (tag) koju ćete koristiti je ona koji definira cijeli dokument. To je <HTML> oznaka (html tag). Jednostavno dodajte sljedeće na svoj prazni dokument:
<HTML>
</HTML>
Ovo sada kaže da imate dokument napisan u HTML jeziku, i to definira početak i kraj stranice.
Dalje trebate dodati zaglavlje u dokumentu umetanjem <HEAD> i </HEAD> oznake (head tag).
Ovo će prikazati podatke koji preglednik koristi za definiranje karakteristika o Internet stranici. Uključuje naslov dokumenta te mnoge druge informacije koje vam za sada ne trebaju.
Sada bi vaš HTML dokument trebao izgledati ovako:
<HTML>
<HEAD>
</HEAD>
</HTML>
Ok, sada želite svojoj Internet stranici dati ime. Ovo će biti vidljivo u gornjem lijevom kutu preglednika, i to je koriste mnogi tražilicama kako bi definirale naziv Internet stranice.
Da biste definirali naslov, jednostavno umetnite <TITLE> oznaku između <HEAD> i </HEAD> oznaka:
<HTML>
<HEAD>
<TITLE>Internet Svijet</TITLE>
</HEAD>
</HTML>
Konačno, potrebno je definirati glavni dio dokumenta, poznat kao tijelo (body). Ovaj dio započinje oznakom <BODY> a završava s </ BODY> oznaka (body tag).
Ovo će sadržavati sav sadržaj koji će biti vidljiv posjetiteljima internet stranice:
<HTML>
<HEAD>
<TITLE>Internet Svijet</TITLE>
</HEAD>
<BODY>
Ovo je jednostavan HTML dokument s kratkim sadržajem koji upravo čitate.
</BODY>
</HTML>
Eto, upravo ste stvorili jednostavan HTML dokument.
Da biste vidjeli ono što smo upravo napravili, spremite dokument na vaš hard disk. Ako koristite Notepad, odaberite File menu i odaberite Save As. Unesite ime datoteke kao što je “test1.htm” (bez navodnika). Dokument zasad spremite na radnu površinu (Desktop) kako bi ga kasnije lakše pronašli.
Ako dvaput kliknete na ovu datoteku u Internet pregledniku moći ćete je pokrenuti i prikazati.
Primijetit ćete i naslov u gornjem lijevom uglu “Internet Svijet”, koje ste napravili pomoću oznake <TITLE>.
No related posts.
No Comment »
2 Pingbacks »
[...] spremite na radnu površinu kao test2.htm. (Više o spremanju .htm dokumenta pročitajte u članku HTML osnove 1 – osnovni HTML Važno je da zapamtite činjenicu da je HTML samo tekst. Ne postoji grafički HTML dokument. Ono [...]
[...] stranicama je oznaka <BODY> u koju se umeće dodatak „bgcolor“. Kao što ste zapamtiti iz prve lekcije, sadržaj Internet stranice je počeo s oznakom <BODY>, i završio sa </BODY>. Unutar [...]