Scribd Logo
Upload

Welcome to Scribd!

  • 12 views

    Informatika 6

    Uploaded by

    Stefan Sreckovic

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Informatika 6

    Uploaded by

    Stefan Sreckovic
    12 views17 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as ppt, pdf, or txt
    12 views17 pages

    Informatika 6

    Uploaded by

    Stefan Sreckovic

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as ppt, pdf, or txt
    of 17

    Uvod u HTML

    HTML
    HTML = Hypertext Markup Language,

    Jezik za oznaavanje hiperteksta


    HIPERTEKST = tekst (dokument) koji sadri veze (linkove)

    prema drugim dokumentima ili prema elementima istog dokumenta


    Jezik za oznaavanje = poseban jezik koji se koristi za

    oznaavanje razliitih elemenata nekog dokumenta kao to su, na primer, naslovi, pasuse, liste, slike, tabele itd.

    ablon
    <HTML> - poetak HTML dokumenta

    <HEAD> - zaglavlje dokumenta <TITLE> - naslov dokumenta Naslov Web Stranice </TITLE> - kraj naslova </HEAD> - kraj zaglavlja <BODY> - telo dokumenta Ovde e biti sadraj dokumenta. </BODY> - kraj tela dokumenta </HTML> - kraj HTML dokumenta

    Uvod
    Otvoriti Notepad

    Upisati ablon za HTML


    Sauvati pod nazivom Index.html u odgovarajuem folderu pogledati rezultat pomou IE Objasniti pojedine tagove Sintaksa: ne pravi se razlika izmeu malih i velikih slova Sintaksa: formatiranje teksta nema uticaja na rezultat

    Tekst 1
    Ispod teksta Ovde e biti sadraj stranice. dodati sledee

    dve reenice, obe u novom redu:


    Ovo je drugi red dokumenta. Ovo je trei red dokumenta.

    Snimiti dokument i posmatrati promene

    Staviti tag <BR> ispred dodatih reenica, snimiti dokument

    i pogledati promene

    Tekst 2
    Dodavanje formatiranog teksta: <PRE> Koristei tag PRE moemo dodati tekst iji je format unapred odreene unutar dokumenta. </PRE> Snimiti i pogledati promene Izbrisati tagove, snimiti dokument, pogledati promene, vratiti

    tagove Objasniti kako se dodaju specijalni znaci:


    < = &lt; ili &#60;

    > = &gt; ili &#62;

    Pasus, efekti
    Dodati horizontalnu liniju pomou taga <HR> ispred i iza ve

    napisanog teksta Dodati sledee pasuse i pogledati promene:


    <P> Prvi pasus. </P>
    <P> Drugi pasus. </P> <P> Trei pasus. </P>

    Promeniti poravnanje pasusa dopuniti tekst i pogledati promene: centrirati prvi: ALIGN=CENTER
    levo poravnati drugi: ALIGN=LEFT desno poravnati trei: ALIGN=RIGHT

    Promeniti font za rei centrirano, pasus, desno.:


    <B>, <I>, <U>

    Dodati etvrti pasus: Iskrivljeno i podvueno. Dodati horizontalnu liniju

    Naslovi
    Objasniti tagove za razliite nivoe naslova: <H1>...</H1>, ... <H6>...</H6> Dodati sledea tri naslova i pogledati promene: Ovo je naslov najvieg nivoa. H1 Ovo je naslov drugog nivoa. H2 Ovo je naslov treeg nivao. H3 Centrirati naslov najvieg nivao Dodati horizontalnu liniju i pogledati promene

    Linkovi 1
    Objasniti tag za linkove: <A HREF=adresa>...</A> URL = Uniform Resource Lokator (Uniformni Lokator Resursa) http://www.w3.org/MarkUp/ImeFajla.html http protokol, Hypertext Transfer Protocol (protokol za prenos hiperteksta) www.w3.org domen .org domen prvog nivoa w3 domen drugog nivoa www domen treeg nivoa MarkUp ime foldera ako ne navedemo ime fajla, bira se podrazumevani fajl sa nazivom Index.html

    Linkovi 2
    Primeri domena prvog nivoa:
    .ORG organizacije

    .COM firme
    .EDU obrazovne institucije .GOV vladine organizacije

    Dodati link na www.w3.org unutar novog pasusa, tako da link

    predstavlja re Web iz reenice:


    Link prema organizaciji W3.

    Dodati link na www.w3.org/MarkUp unutar novog, centriranog pasusa

    tako da link predstavlja re Ovde iz reenice:


    Ovde moete itati o jeziku HTML.

    Dodati horizontalnu liniju i posmatrati promene

    Liste 1
    Nabrajanje, lista sa simbolima, znacima ispred elemenata liste: <UL> <LI> ... </LI> <LI> ... </LI> </UL> Dodati sledeu listu i pogledati promene: Spisak studenata sa znacima: Milan Jovan Ana Maja

    Liste 2
    Nabrajanje, lista sa brojevima ispred elemenata liste: <OL> <LI> ... </LI> <LI> ... </LI> </OL> Dodati sledeu listu i pogledati promene: Spisak studenata sa brojevima: Milan Jovan Ana Maja

    Liste 3
    Definiciona lista (renik):
    <DL>

    <DT> ... </DT> <DD> ... </DD> </DL>

    Dodati sledeu listu i horizontalnu liniju, pogledati promene:


    Renik pojmova:

    Izraz (term) Definicija izraza (terma) HTML Hypertext Markup Language URL Uniform Resource Locator

    Slike 1
    Tag za slike:
    <IMG

    SRC=ime fajla ALIGN=left,right,top,bottom,middle BORDER=5 ALT=alternativni tekst WIDTH=irina HEIGHT=visina HSPACE=... VSPACE=...> ALT=Slika planete Neptun

    Dodati sliku planete Neptun i pogledati promene, argumenti:


    ALIGN=right

    Dodati okvir irine 5, levo poravnanje, irina 200, visina 175, hspace 10,

    vspace 20

    Slike 2
    Dodati novi pasus sa opisom planete Neptun iz fajla Neptun.txt Unutar novog reda dodati tekst: Sada emo dodati logo organizacije W3. Ponititi paravnanje sa <BR CLEAR=all> Dodati logo W3: http://www.w3.org/Icons/w3c_main.png Tipovi slika koje se mogu koristiti: PNG, JPG, GIF Dodati alternativni tekst: Logo organizacije W3. Dodati horizontalnu liniju i pogledati promene

    Tabele 1

    <TABLE> <CAPTION> Naslov tabele </CAPTION> <TR> Prvi red </TR> <TR> Drugi red </TR> </TABLE> <TH> zaglavlje kolone </TH> <TD> polje tabele </TD> Napraviti sledei viejezini renik, dodati horizontalnu liniju i pogledati:
    Engleski Window

    Train
    Apple

    Viejezini renik Srpski Maarski Prozor Ablak Voz Vonat Jabuka Alma

    Tabele 2
    Dodati okvir veliine 5 (BORDER) Centrirati celu tabelu (ALIGN=CENTER) Promeniti irinu tabele na 300 (WIDTH) Promeniti veliinu praznog prostora izmeu polja tabele na 10

    (CELLSPACING) Promeniti veliinu praznog prostora izmeu polja i okvira na 5 (CELLPADDING) Centrirati engleske rei (ALIGN) Pogledati promene

    You might also like