Scribd Logo
Upload

Welcome to Scribd!

  • Naredbe

    Uploaded by

    Dejan Lazic
    12 views7 pages
    naredbe

    Original Title

    naredbe

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    naredbe

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views7 pages

    Naredbe

    Uploaded by

    Dejan Lazic
    naredbe

    Copyright:

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

    HTML popis naredbi

    Obavezni elementi
    <html>...</html> deklaracija HTML dokumenta
    <head>...</head> zaglavlje dokumenta
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> kodiranje potrebno
    zbog prikaza naih slova
    <title>...</title> naziv dokumenta; naslov stranice (nalazi se na vrhu prozora)
    <body>...</body> tijelo dokumenta
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Naslov</title>
    </head>
    <body>
    Ovdje piemo tekst, postavljamo slike i ostalo.
    </body>
    </html>

    Naslovi
    <h1> TEKST </h1>
    <h2> TEKST </h2>
    <h3> TEKST </h3>
    <h4> TEKST </h4>
    <h5> TEKST </h5>
    <h6> TEKST </h6>

    Autorica: ARM

    Font
    <font face="Arial"> Ovo je vrsta fonta </font>
    <font size="6"> Veliina slova moe biti izmeu 1 i 7 </font>
    <font size="+2"> Veliina slova </font>
    <font color="yellow"> Boja slova </font>
    <font color="#ffff00"> Boja slova </font>

    Stilovi
    <b> podebljano </b>
    <i> ukoeno </i>
    <u> podcrtano </u>
    <br> novi red ista funkcija kao pritisak na enter u wordu (nema zavretak)
    <hr> horizontalna crta (nema zavretak)
    <p> novi odlomak</p>

    Odlomci
    <p align="left">lijevo</p>
    <p align="center">sredina</p>
    <p align="right">desno</p>
    <p align="justify">obostrano</p>

    Efekti
    <marquee> tekst putuje s desna na lijevo</marquee>
    <blink> tekst blinka </blink>

    Brojane i simbolike liste


    <ul>...</ul> Brojana lista (tokice)
    <ol>...</ol> Simbolika lista (brojevi)
    <li>...</li> Redak liste
    <ul type="Neki simbol"> Simbol na poetku retka

    Autorica: ARM

    A - velika slova
    a - mala slova
    I - rimski brojevi
    i - mali rimski brojevi
    circle krui
    disc ispunjeni krui
    square kvadrati

    Boje
    <body bgcolor="#ff0000"> Boja pozadine je crvena.
    <body bgcolor="red"> Boja pozadine je crvena.
    <body bgcolor="#ff0000" text="#fffffff ">Boja pozadine je crvena, a tekst je bijeli.
    <font color="#ff0000"> Ovdje upisujemo tekst </font>
    <font color="red"> Ovdje upisujemo tekst </font>
    <body link="blue" vlink="#violet" alink="red">
    Boja linka je plava, posjeenog linka ljubiasta, a aktivnog linka crvena. U ovom primjeru link
    oznaava link, vlink oznaava posjeeni link, a alink aktivni link.

    Slike
    <img src="slika.jpg">
    <img src="slika.jpg" width="150" height="200"> Slika u pixelima
    <img src="slika.jpg" width="10%" height="40%"> Slika u postotcima
    irinu slike odreuje WIDTH atribut , a visinu HEIGHT.
    <img src="slike.jpg" width="100" height="170" border="5"> Broj 5 je debljina obruba.
    Za poravnanje slike koristimo isti atribut kao i za tekst (ALIGN) i sljedea poravnanja:
    LEFT poravnava sliku lijevo i tekst omata oko slike
    RIGHT poravnava sliku desno i tekst omata oko slike
    CENTER poravnava sredinu slike sa dnom teksta
    TOP poravnava gornji rub slike sa vrhom teksta
    MIDDLE poravnava sredinu slike sa sredinom teksta
    BOTTOM poravnava donji rub slike sa dnom teksta

    Autorica: ARM

    VSPACE vertikalni razmak


    HSPACE horizontalni razmak
    <img src="slika.gif" alt="Moja slika" >
    Ako slika.gif ne postoji na serveru tada e se na ekranu pojaviti sljedea poruka: Moja slika.

    Tablice
    Za izradu tablice koristimo <table> za poetak i </table> za kraj.
    <tr> red u tablici
    <td> elija u tablici
    <table border="n"> debljina ruba tablice
    <rowspan="n"> spajanje elija nekog retka
    <colspan="n"> spajanje elija nekog stupca
    <cellspacing> razmak izmeu elija
    <cellpading> udaljenost teksta (ili slike) unutar elije od ruba elije
    <bgcolor> boja unutranjosti tablice, retka, elije (ovisi gdje je upiemo)

    Linkovi
    <a href= "povijest.html"> povijest </a>
    Boju linka moemo i na ovaj nain promijeniti:
    <a href="povijest.html"> <font color="green"> povijest </font> </a>
    elimo li link bez podcrtavanja, onda je potrebno napisati sljedee:
    < a href="povijest.html" style="text-decoration:none ; " >
    elimo li klikom na link otvoriti stranicu u novom prozoru potrebno je koristiti naredbu target.
    <a href="povijest.html" target="_blank">

    Autorica: ARM

    Parametri naredbe target su sljedei:


    _blank uitava stranicu u novom prozoru preglednika
    _self uitava stranicu u isti prozor ili okvir preglednika
    _parent uitava stranicu u okvir prozora koji je vie kategorije od okvira u kojem je link
    _top otkazuje sve okvire i uitava stranicu u punom prozoru

    Link unutar stranice:


    <a name="gore">gore</a> Cilj odreujemo bacanjem sidra (anchor):
    Klikni <a href="#gore"> ovdje </a> Ovako odreujemo link.

    Slika kao link:


    <a href="filmovi.html"><img src="iceage.jpg"></a>
    <a href="povijest.html"><img src="slika.jpg" width="47" height="47"></a>

    Link na neku drugu stranicu:


    <a href="http://www.google.hr/"> Google </a>

    Link na e-mail:
    <a href="mailto:blabla@bj.t-com.hr"> kontakt </a>

    Okviri
    <frameset cols=50%,50%> Dimenzije okvira.
    <frame src="index.html" name="linkovi"> <frameset rows=20%,80%> Dimenzije okvira.
    <frame src="prvi.html" name="prvi"> Ovdje odreujemo koja se stranica otvara u kojem okviru.
    <frame src="drugi.html" name="drugi"> Ovdje odreujemo koja se stranica otvara u kojem okviru.
    </frameset>
    </frameset>

    Autorica: ARM

    Obrasci
    Textbox ovdje upisujemo tekst
    Text unos teksta
    Checkbox stavljamo kvaicu u kvadrati, mogu je viestruki izbor
    Radio dodajemo tokicu u krui, mogu samo jedna izbor
    Button gumb (OK, CANCEL)
    Submit potvrda unosa ( koristi se u kombinaciji sa textbox)
    Dropdown padajui izbornik

    Textbox
    <textarea rows="10" cols="30"> Ovdje moemo upisivati tekst. </textarea>

    Text
    <form>
    <br>Ime:<input type="text" name="ime">
    <br>Prezime:<input type="text" name="prezime">
    </form>

    Checkbox
    <form>
    <h1>Volim jesti:<h1>
    <br>jabuke<input type="checkbox" name="voce" value="Jabuke">
    <br>kruke<input type="checkbox" name="voce" value="Kruke">
    <br>marelice<input type="checkbox" name="voce" value="Marelice">
    </font>
    </form>

    Radio
    <form>
    <br><input type="radio" name="spol" value="muko">Muko
    <br><input type="radio" name="spol" value="enko">ensko
    </form>

    Autorica: ARM

    Button
    <form action="">
    <input type="button" value="OK">
    </form>

    Submit
    <form>
    Korisniko ime:<input type="text" name="korisnik">
    <input type="submit" value="poalji">
    <input type="reset" value="obrii">
    </form>

    Dropdown
    <form action="">
    <select name="boje">
    <option value="plava">plava</option>
    <option value="uta">uta</option>
    <option value="zelena">zelena</option>
    <option value="crvena">crvena</option>
    </select>
    </form>

    Autorica: ARM

    You might also like