Scribd Logo
Upload

Welcome to Scribd!

  • Sintaksa I Osnovna Struktura Html-A

    Uploaded by

    Mehdija Adrović
    106 views3 pages

    Original Title

    Sintaksa i osnovna struktura html-a

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    106 views3 pages

    Sintaksa I Osnovna Struktura Html-A

    Uploaded by

    Mehdija Adrović

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Sintaksa i osnovna struktura

    Tekst editor
    Spomenuli smo da HTML nije programski jezik, već jezik za markiranje i zbog toga za pisanje samog
    HTML-a nije potreban nikakav specijalni program, već je dovoljan plain text editor. Plain (običan) text
    editor predstavlja računarski program koji je namenjen za obradu običnih tekstualnih dokumenata.

    Postoje značajne razlike između dokumenata kreiranih u običnom tekst editoru i dokumenata
    kreiranih u programima za obradu reči (word processor) kao što je na primer Microsoft Word.
    Programi za obradu reči imaju mogućnost za formatiranje teksta kao npr. podebljanje, iskošenje,
    podvlačenje karaktera, promenu fonta, unos tabela, itd. Dok u običnim tekst editorima uglavnom
    koristi neki od monospace fontova i postoje osnovne funkcije za formatiranje: prebacivanje u novi
    red, liste nabrajanja, automatska indentacija...

    Neki tekst editori su jednostavni, dok drugi mogu imati kompleksne funkcionalnosti. Uz Microsoft
    Windows ide veoma jednostavan Notepad, uz Mac OS TextWrangler, ali mnogi koji se bave pisanjem
    HTML-a koriste tekst editore koji imaju veće mogućnosti (isticanje sintakse kôda, automatsko
    kompletiranje itd.) kao što su Notepad++, Sublime Text, Web Storm, PHP Storm, Atom i mnogi drugi.

    Projektni folder
    Kada god započinjemo rad na nekom novom web sajtu (projektu), najbolje bi bilo da napravimo
    jedan projektni folder u kome će se nalaziti svi fajlovi koji će nam biti potrebni za taj web sajt. Fajlovi
    mogu biti organizovani u foldere i podfoldere. Takva organizacija nam je značajna i zbog načina na
    koji ćemo se povezati sa određenim fajlom.

    Primer:

    Index.html
    Kada klijent u web browser-u preko URL-a ukuca putanju ka root-u nekog sajta umesto ka određenoj
    stranici tog web sajta, server na kome se nalazi će uglavnom vratiti defaultnu stranu koja se često
    naziva glavna ili indeks strana.
    Zajednički naziv za takve stranice je index.html, ali većina modernih HTTP servera nudi prilagodljiv
    spisak naziva koje server može da koristi za index, tj. za početnu stranu.

    Sintaksa HTML-a
    Svaki govorni i programski/markup jezik sastoji se od određenih pravila za pisanje. Ova pravila
    nazivamo sintaksom jezika. Sintaksa HTML-a veoma je jednostavna i sastoji se od oznaka (tagova)
    koji definišu gde neki element počinje i gde se završava:

    Tagovi se pišu malim slovima između izlomljenih zagrada < >.

    Kada želimo da zatvorimo tag, odnosno da završimo neki element, koristimo isti tag kao i prilikom
    otvaranja, ali dodajemo kosu crtu (/) ispred naziva taga.

    Tagovi (oznake) su engleske reči ili skraćenice istih, pa tako h1 označava heading1, p označava


    paragraf/pasus, a označava anchor, tj. link itd.

    Svi tagovi koji između sebe imaju neki sadržaj, moraju biti zatvoreni u formatu otvaranje
    taga→sadržaj→zatvaranje taga. I takvi tagovi se nazivaju markirajući tagovi,

    <tag>Sadržaj</tag>

    Neki od njih su h1, p, a itd.

    Osnovna struktura HTML-a


    Minimalna struktura jednog HTML dokumetna zahteva nekoliko elemenata koje browser očekuje
    kako bi dokument prikazao na ispravan način.

    HTML tag označava početak HTML dokumenta. Time naznačavamo da je HTML sadržaj u pitanju i
    sve što budemo pisali vezano za naše web stranice, nalaziće se unutar otvarajućeg <html> i
    zatvarajućeg </html> taga.

    Head je prvi element u okviru html elementa i predstavlja glavu naše stranice. Između head tagova


    se nalaze podešavanja koja se odnose na našu web stranu, i te informacije se neće videti nigde u
    browser-u. Unutar head elementa se mogu naći brojni drugi elementi od kojih je neophodan
    samo title koji predstavlja naslov HTML dokumenta. Svaki dokument treba da ima jedinstven naslov,
    tačnije treba izbegavati duplirane naslove. Title je važan iz sledećih razloga:

    1. Prikazuje se na vrhu browser-a ili na tab-u u kome je dokument otvoren.

    2. Ostaje sačuvan u favorites/bookmarks kolekciji linkova.

    3. Izlistava se kao link u rezultatima pretrage.

    Body je drugi element u okviru html elementa i predstavlja telo naše stranice. A unutar body tagova
    mi zapravo definišemo strukturu i sadržaj naše web strane koja će se prikazati u browseru.

    Osnovna struktura jedne HTML stranice zapravo izgleda ovako:


    <html>

    <head>

       <title>Naslov HTML stranice</title>

    </head>

    <body>

       Sadržaj HTML strane...

    </body>

    </html>

    Navedena struktura predstavlja najjednostvaniji HTML dokument koji možemo koristiti kao šablon
    prilikom izrade novog projekta.

    Korisni linkovi:
    Notepad++

    You might also like