HTML
HTML je skraćenica od HyperText Markup Language. HyperText (u prevodu hipertekst) je tekst koji sadrži isprepletene hiperveze izmedju relevantnih reči, a postupak pravljenja hiperteksta se naziva hipertekstovanje. Kad se pojavio HTML jezik on je bio upravo takav da je sadržao samo hipertekst. Znači mogli ste da kliknete na pojedine reči i one bi vas poslale na neku drugu internet stranu ili pak unutar te iste strane ali u nekom njenom drugom delu. Medjutim kasnije se HTML razvijao i dodavane su nove mogućnosti manipulacije sa slikama, tabelama i tako dalje.
HTML je opisni skriptni jezik namenjen izradi web stranica. HTML ima elemente kojima se upravlja tekstom, paragrafima, citatima, linkovima, slikama i slično. Takodje postoje i elementi koji opisuju samu internet stranu brauzeru i pretraživačima u smislu kratkog opisa dokumenta, ključne reči koje su prisutne na stranici, podaci o autoru i slično. Ovi HTML elementi su poznati kao meta podaci i vidljivi su samo ako se pogleda izvorni HTML kod a ne i internet strana u brauzeru. Meta podaci se smeštaju umeta tagove. Kasnije će mo detaljnije videti o čemu se radi.
U principu možete napisati tekst u najobičnijem tekst editoru (na primer u notepad-u), snimiti taj tekstualni fajl sa ekstenzijom .html, ili samo .htm i pogledati ga u svom brauzeru. Videćete da će vaš brauzer prikazati vaš tekst. Ako taj fajl stavite i na host i linkujete adresu iz brauzera opet će vaš tekst biti vidljiv.
Medjutim ako želimo da nam stranica sadrži linkove, tabele, slike, i dizajnerske elemente koji su standard za internet strane, kao što su navigacijski dugmići i slično, onda moramo savladati HTML jezik kako bi smo sve to napravili.
Tekst
Skoro svaka internet stranica koristi običan tekst za prikazivanje većeg dela sadržaja. Normalno sadržaj može biti i u video formatu, zvučnom formatu, slikovnom itd., ali ipak tekstualni sadržaj najviše dominira internetom.
Kao što sam već u glavnom uvodu napisao vi možete tekst napisati i u notepad i da taj tekst fajl prebacite na host. Normalno tekst će biti prikazan kad linkujemo iz brauzera taj tekst dokument. Medjutim ako želimo da nam tekst bude u nekom fontu, ili neki pasusi da se razlikuju u fontu slova, bilo u smislu tipa slova, ili veličine (na primer naslov da bude napisan većim slovima), itd. onda moramo koristiti HTML elemente za izradu takve stranice. U ovom delu bavićemo se HTML elementima za manipulaciju tekstom.
Tekst
Svaka HTML internet stranica se u globalu sastoji od tagova. Početak taga je logički znak manje "< " a kraj taga je logički znak veće " > ". Izmedju ta dva znaka, ili tačnije rečeno unutar taga se smešta ime taga i atributi taga. Ime taga definiše o kom tagu se radi, a atributi definišu ponašanje i način prikaza označenog dela teksta ili dokumenta. Znači pomoću tagova se određeni deo teksta ili dokumenta odvaja od ostatka i na njega se primenjuju pravila definisana samim tagom.
Postoje elementi HTML-a koji se sastoje samo od jednog taga, ali postoji i veliki broj elemenata koji se sastoji od dva taga. Oni koji se sastoje od dva taga imaju početni i krajnji tag. Početni i krajnji tag se razlikuju po tome što krajnji ima kosu crtu " / " ispred imena taga a početni nema. Izmedju početnog i krajnjeg taga se nalazi tekst ili dokument na koji se primenjuju pravila koja definiše taj tag i njegovi atributi.
Sve ovo verovatno deluje apstraktno zato hajde sa konkretnim primerima i sve će se razjasniti. Otvorite NOTEPAD i krenite sa pisanjem.
Svaka HTML internet strana mora početi sa tagom . Taj tag ima i krajnji tag i on je . Sve izmedju ta dva taga je HTML dokument, i svaki brauzer zna pomoću tih tagova granicu HTML dokumenta.
Dalje u svakom HTML dokumentu mora se naći i par HEAD tagova. Naravno ne treba više napominjati da svi naredni tagovi, i sve što budemo učili se smešta izmedju i tagova. Znači imamo:
Ono što se smešta unutar HEAD tagova nije direktno vidljivo posetiocima stranice preko brauzera. Tu se smeštaju META tagovi koji opisuju dokument, govori ko je autor, koje su ključne reči na stranici, opis stranice za pretraživače i tako dalje. Ali tu se smešta i naslov web stranice koji je vidljiv u jezičku brauzera kad se strana otvori. Postoji jedan problem sa našim srpskim slovima kao što su šŠđĐčČćĆžŽ. Naime dok ih pišemo pri izradi HTML stranice oni su lepo vidljivi jer su definisani unutar našeg operativnog sistema. Ali kad tu HTML stranicu prebacimo na host i preuzme je brauzer on nezna za naša slova! Da bi mu definisali naša slova unutar HTML dokumenta unutar HEAD taga kao meta tag moramo staviti jedan od ova dva:
Ukoliko želite da koristite ćirilicu, sve što treba je da u gornjem redu vrednost 1250 zamenite sa 1251. Za latinično pismo sa našim slovima postoji još jedna varijanta:
I nakon svega ovoga naš HTML kod će izgledati:
Moja <a href="/mening-web-saytim.html">prva HTML web strana</a>
Glavni deo HTML dokumenta koji je vidljiv posetiocima stranice u brauzeru se nalazi između BODYtagova:
<b>Moja prva HTML web strana</b>
Ovo je tekst moje prve web stranice
Ovo je tekst moje prve web stranice
Ovo je tekst moje prve web stranice
Ovo je tekst moje prve web stranice
neki kratak tekst i mali
neki kratak tekst
neki kratak tekst
neki kratak tekst
brzo
shvatam
HTML
brzo
shvatam
HTML
brzo
shvatam
HTML
brzo
shvatam HTML jer nije nimalo tezak
brzo
shvatam HTML jer nije nimalo tezak
shvatam HTML jer nije nimalo tezak
shvatam HTML jer nije nimalo tezak
Ovo je malo duzi tekst da bi se moglo objasniti upotreba jednog vrlo zanimljivog atributa za uredjivanje teksta. Nas tekst sa tim etributom izgleda jako profesionalno i lepo. Zato je preporuka da se on koristi uvek kad se pisu tekstovi. Evo upravo ovi redovi demonstriraju i dokazuju to.
Ovo je malo duzi tekst da bi se moglo objasniti upotreba jednog vrlo zanimljivog atributa za uredjivanje teksta. Nas tekst sa tim etributom izgleda jako profesionalno i lepo. Zato je preporuka da se on koristi uvek kad se pisu tekstovi. Evo upravo ovi redovi demonstriraju i dokazuju to.
Ovo je malo duzi tekst da bi se moglo objasniti upotreba jednog vrlo zanimljivog atributa za uredjivanje teksta. Nas tekst sa tim etributom izgleda jako profesionalno i lepo. Zato je preporuka da se on koristi uvek kad se pisu tekstovi. Evo upravo ovi redovi demonstriraju i dokazuju to.
Ovo je malo duzi tekst da bi se moglo objasniti upotreba jednog vrlo zanimljivog atributa za uredjivanje teksta. Nas tekst sa tim etributom izgleda jako profesionalno i lepo. Zato je preporuka da se on koristi uvek kad se pisu tekstovi. Evo upravo ovi redovi demonstriraju i dokazuju to.
Ovo je malo duzi tekst da bi se moglo objasniti upotreba jednog vrlo zanimljivog atributa za uredjivanje teksta. Nas tekst sa tim etributom izgleda jako profesionalno i lepo. Zato je preporuka da se on koristi uvek kad se pisu tekstovi. Evo upravo ovi redovi demonstriraju i dokazuju to.
Ovo je malo duzi tekst da bi se moglo objasniti upotreba jednog vrlo zanimljivog atributa za uredjivanje teksta. Nas tekst sa tim etributom izgleda jako profesionalno i lepo. Zato je preporuka da se on koristi uvek kad se pisu tekstovi. Evo upravo ovi redovi demonstriraju i dokazuju to.
brzo shvatam HTML
brzo shvatam HTML
Ovo je malo duzi tekst da bi se moglo objasniti upotreba jednog vrlo zanimljivog atributa za uredjivanje teksta. Nas tekst sa tim etributom izgleda jako profesionalno i lepo. Zato je preporuka da se on koristi uvek kad se pisu tekstovi. Evo upravo ovi redovi demonstriraju i dokazuju to.
_ _
(o)--(o)
/.______.
________/
./ .
( . , )
_\//_/ /
~~ ~~ ~~
Ako samo ovako napišemo brauzer će dati sledeći prikaz:
A ako napišemo ovako:
_ _
(o)--(o)
/.______.
________/
./ .
( . , )
_\//_/ /
~~ ~~ ~~
Rezultat će sad biti:
I na kraju ovog dela možemo opisati tag koji služi za komentar unutar HTML kod-a. Kada pišete neki HTML kod koji je jako veliki potrebno prokomentarisati neke njegove delove, kako bi se kasnije lakše snašli kad trebate nešto da dodate ili ispravite. Tag za komentar počinje a završava se sa -->. Sve unutar tog taga brauzer preskače i ignoriše. Znači tu možete da pišete šta god želite, čak i bilo koje tagove itd, sve će biti ignorisano.
Lista
Liste su potrebne u tekstu kad nešto nabrajamo. HTML grafičke liste se prave na sledeći način:
Ovo je moja prva lista
Moja druga lista
Moja treca lista
Moja lista sa rednim brojevima
- text
- text
- text
Jos jedan primer liste
text
text
text
- Grafičke liste
- Grafičke liste su one kod kojih imamo popunjene i prazne krugove.
- Numeričke liste
- Numeričke liste su one kod kojih imamo brojeve, slova mala i velika, i rimski brojevi.
- Definicione liste
- Definicione liste su one kod kojih je u odnosu na podnaslov uvučen tekst ispod naslova.
| 