Scribd Logo
Upload

Welcome to Scribd!

  • HTML Tagovi PDF

    Uploaded by

    Darko Vasic Wood Processing
    156 views14 pages
    HTML tag

    Original Title

    HTML tagovi.pdf

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    HTML tag

    Copyright:

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

    HTML Tagovi PDF

    Uploaded by

    Darko Vasic Wood Processing
    HTML tag

    Copyright:

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

    <!--> - Comment Tag slui za unoenje komentara u kod.

    Komentar se ne prikazuje na strani ve slui za objanenje nekog dela ili podesetnik web developeru koji pravi stranicu ili nastavlja nei tui rad. <!- Komentar -> <!DOCTYPE> - Ova deklaracija koja se nalazi u HTML dokumentu i nalazi se pre HTML taga. Deklaracija nije HTML tag ve je instrukcija pregledau u kojoj je verziji HTML-a strana pisana. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <a> - Definise hiper link, koji se koriti za povezivanje strana, povezivanje strane sa nekom eksternom adresom. Najvaniji atribut ovog taga je HREF koji oznaava destinaciju linka. Po osnovnim parametrima linkovi se poavljuju u svim pregledaima: ne poseeni link je uvek podvuen i plave boje, poseeni link je podvuen i ljubiaste boje i aktivan link je podvuen i crvene boje. <a href="http://www.google.com" title="Google" target="_blank">Google SE</a> <abbr> - Oznaava skraenice i aronime kao to su WWW, NATO, EU, ASAP, ... Oznaavanjem skraenica moete dati korisne informacije pretraivaima i sl. <abbr title="World Health Organization">WHO</abbr> <address> - Ovaj tag definie kontaktne informacije autora ili vlasnika strane. Ako se address tag nalazi u body tagu predstavlja kontaktne informacije za ceo dokument, ako je unutra article taga onda se odnosi samo na taj artikl. <address> Napisao <a href="mailto:webmaster@example.com">Petar Petrovi</a>.<br> Terazije 14/III<br> 064/123-45-67 </address> <applet> - Slui za ubacivanje java apleta u dokument. Ovaj tag nije podran u HTML5 <applet code="meni.class" width="350" height="350">Java applet koji ubacuje meni u stranu.</applet> <area> - Definie prostor unutar fotografije tako da moete linkovati posebne delove na jednoj fotografiji <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sunce.htm" alt="Sunce"> <area shape="circle" coords="90,58,3" href="merkur.htm" alt="Merkur">

    <area shape="circle" coords="124,58,8" href="venera.htm" alt="Venera"> </map> <b> - Tag za boldiran tekst <b>Tekst</b> <base> - Odreuje se jedan zajedniki URL za sve linkove u strain. Moe imati samo jedan base url u dokumentu. Base se nalazi iskljuivo u head delu dokumenta. <head> <base href="http://www.w3schools.com/images/" target="_blank"> </head> <body> <img src="stickman.gif" width="24" height="39" alt="ia glia"> </body> <basefont> - Definie boju I veliinu slova unutar dokumenta. <head> <basefont color="red" size="5" /> </head> <body> <h1>Ovo je heading</h1> <p>Ovo je paragraf.</p> </body> <bdo> - Oznaava usmerenost teksta u dokumentu, sa leva na desno ili sa desna na levo. <bdo dir="rtl"> Ovaj tekst e biti pozicioniran sa desna an levo. </bdo> <big> - Pravi vea slova od ostalih <p><big>Vei tekst</big></p> <blockquote> - Koristi se najee za citate I sadraje koji su preuzeti od drugog autora, tekst je uvuen I obeleen znacima navoda. <blockquote cite="http://www.worldwildlife.org/who/index.html"> For 50 years, WWF has been protecting the future of nature. The worlds leading conservation </blockquote> <body> - Sadraj HTML dokumenta koji se bidi u pregledau. <html> <head> <title>Naslov strane</title> </head> <body> sadraj dokumenta...... </body> </html>

    <br> - Pravi novi red prilikom kucanja teksta u ustoj reenici. Tekst sadri<br>novi red. <button> - Dugme unutar forme <button type="button">Klikni me!</button> <caption> - Tabela sa natpisom, boldirana slova u naslovu kolona. <table border="1"> <caption>Mesena uteda</caption> <tr> <th>Mesec</th> <th>Uteda</th> </tr> <tr> <td>Septembar</td> <td>100 rsd</td> </tr> </table> <center> - Tekst centira unutar html dokumenta <center>Ovaj tekst e biti centriran na strani.</center> <cite> - Pravi navod unutar reenice <p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p> <code> - Formatiranje teksta unutar dokumenta. Definie deo kompijuterskog koda <code>deo kompijuterskog koda</code> <col> - Podeava pozadinu kolona u tabeli <table border="1"> <colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> </colgroup> <tr> <th>ISBN</th> <th>Naslov</th> <th>Cena</th> </tr> <tr> <td>2346838</td> <td>HTML</td> <td>3400rsd</td> </tr> </table> <colgroup> - Podeava pozadinu kolona u tabeli

    <table border="1"> <colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> </colgroup> <tr> <th>ISBN</th> <th>Naslov</th> <th>Cena</th> </tr> <tr> <td>2346838</td> <td>HTML</td> <td>3400rsd</td> </tr> </table> <dd> - Se koristi za pise u listi definicija <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> <del> - Oznaava tekst sa obrisanim delom (precrtan tekst) <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> <dfn> - Formatiranje teksta unutar dokumenta. Definie definiciju. <dfn>Definicija - pojam</dfn> <dir> - Lista direktorijuma, nije podrano u HTML5 <dir> <li>html</li> <li>xhtml</li> <li>css</li> </dir> <div> - Definie delove jedne html strane. Koristi se za grupisanje blok-elemenata I oblikovanje u CSS-u <div style="color:#0000FF"> <h3>This is a heading</h3> <p>This is a paragraph.</p> </div> <dl> - Lista definicija <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt>

    <dd>White cold drink</dd> </dl> <dt> - Stavke u listi definicija <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> <em> - Formatiranje teksta unutar dokumenta. Definie naglaeni tekst <em>Naglaen tekst</em> <fieldset> - Grupa povezanih elemenata u formi <form> <fieldset> <legend>Personalia:</legend> Name: <input type="text"><br> Email: <input type="text"><br> Date of birth: <input type="text"> </fieldset> </form> <font> - Vrsta slova u dokumentu <font size="3" color="red">This is some text!</font> <font size="2" color="blue">This is some text!</font> <font face="verdana" color="green">This is some text!</font> <form> - Forma u html dokumentu <form action="demo_form.asp" method="get"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="Submit"> </form> <frame> - Definie odreeni prozor u framesetu <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> <frameset> - Skup nekoliko prozora unetih u jednu stranu <frameset cols="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset>

    <head> - head dokumenta, nevidiljivi deo u browser u njemu se nalaze svi linkovi ka css, stilovima, JS skriptama, naslov strane, meta tagovi, <html> <head> <title>Naslov dokumenta</title> </head> <body> sadraj strane...... </body> </html> <h1> - <h6> - Heading tagovi <h1>H1</h1> <hr> - Horizontalna linija <hr> <html> - Poetak I kraj HTML dokumenta <!DOCTYPE HTML> <html> <head> <title>Naslov strane</title> </head> <body> sadraj strane...... </body> </html> <i> - iskoen tekst <i>tekst</i> <iframe> - Frame/Prozor unutar dokumenta, embedovana strana unutar druge. <iframe src="http://www.obukeikursevi.com"></iframe> <img> - Slika <img src="smiley.gif" alt="Smiley face" height="42" width="42"> <input> - Polje unutar forme za unos podatka, teksta. <form action="demo.pho"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="Submit"> </form> <ins> - Oznaava novi tekst (podvuen tekst)

    <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> <kbd> - Formatiranje teksta unutar dokumenta. Definie unos preko tastature. <kbd>Unos preko tastature</kbd> <label> - Natpis za input polja I radio dugmad <form action="demo_form.asp"> <label for="male">Male</label> <input type="radio" name="sex" id="male" value="male"><br> <label for="female">Female</label> <input type="radio" name="sex" id="female" value="female"><br> <input type="submit" value="Submit"> </form> <legend> - Naslov grupe elemenata u formi <form> <fieldset> <legend>Personalia:</legend> Name: <input type="text" size="30"><br> Email: <input type="text" size="30"><br> Date of birth: <input type="text" size="10"> </fieldset> </form> <li> - Lita stavki unutar Listi <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <link> - veza sa eksternim CSS dokumentom <head> <link rel="stylesheet" type="text/css" href="theme.css"> </head> <map> - Slika sa klikabilnim delovima <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">

    <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> </map> <menu> - Lista stavki menia, ne podrava ni jedan pregleda <menu type="toolbar"> <li> <menu label="File"> <button type="button" onclick="file_new()">New...</button> <button type="button" onclick="file_open()">Open...</button> <button type="button" onclick="file_save()">Save</button> </menu> </li> <li> <menu label="Edit"> <button type="button" onclick="edit_cut()">Cut</button> <button type="button" onclick="edit_copy()">Copy</button> <button type="button" onclick="edit_paste()">Paste</button> </menu> </li> </menu> <meta> - Opis podataka I strane unutar head-a dokumenta <head> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="Stle Refsnes"> <meta charset="UTF-8"> </head> <noframes> - Ispisuje informaciju ako va pregleda ne podrava frameove <html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> <noframes>Sorry, your browser does not handle frames!</noframes> </frameset> </html> <noscript> - Ispisuje informaciju ako Va pregleda ne podrava Java Script <script> document.write("Hello World!") </script> <noscript>Your browser does not support JavaScript!</noscript> <object> - Multimedijalni objekat unutar dokumenta <object width="400" height="400" data="helloworld.swf"></object>

    <ol> - Liste sa redosledom <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <ol start="50"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <optgroup> - Grupa opcija kod padajuih listi <select> <optgroup label="Swedish Cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> <optgroup label="German Cars"> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </optgroup> </select> <option> - Opcija kod padajuih listi <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> <p> - Paragraf, novi red <p>Ovo je paragraf.</p> <param> - Parametar za medije unutar objekata <object data="horse.wav"> <param name="autoplay" value="true"> </object> <pre> - Tag podrava razmak I fiksira sirinu unosa teksta <pre> Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks </pre> <q> - Najee se koristsi kod pitanja I odgovora gde pregleda sam unosi znakove navoda

    <p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q> We hope they succeed.</p> <s> - Koristi se za prikaz pogrenih odgovora, precrtan tekst <p><s>Moj novi auto je plav.</s></p> <p>Moj novi auto je zelen.</p> <samp> - Formatiranje teksta unutar dokumenta. Definie deo kompijuterskog koda, primer. <samp>Primey komp. programa</samp> <script> - Java skripta se nalazi unutar head dela u dokumentu ili u samom body-u dokumenta <script> document.write("Zdravi!") </script> <select> - Polje unutar forme za odabir jedne od ponuenih stavki <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> <small> - Definie smanjen tekst <p>The world's largest web development site.</p> <p><small>Copyright 1999-2050.</small></p> <span> - Koristi se za bojenje dela reenice <p>My mother has <span style="color:blue">blue</span> eyes.</p> <strike> - Prekrien tekst, nije podran u HTML5 <p>Version 2.0 is <strike>not yet available!</strike> now available!</p> <strong> - Formatiranje teksta unutar dokumenta. Definie vaan tekst <strong>Strong text</strong> <style> - CSS Stil unutar html dokumenta. Nalazi se u headu strane <html> <head> <style type="text/css"> h1 {color:red;} p {color:blue;} </style> </head>

    <body> <h1>heading</h1> <p>paragraf.</p> </body> </html> <sub> - Smanjuje slova I stavlja ih u donji deo tksta (H2O) <p>Tekst sadri <sub>subscript</sub>.</p> <sup> - Smanjuje slova I stavlj ih u gornji deo teks a (n4) <p>Tekst sadri <sup>superscript</sup>.</p> <table> - Tabela <table border="1"> <tr> <td>Cell A</td> <td>Cell B</td> </tr> </table> <tbody> - Grupa polja u glavnom, unutranjem, delu tabele <table border="1"> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> </table> <td> - Kolone u tabeli <table border="1"> <tr> <td>Cell A</td> <td>Cell B</td>

    </tr> </table> <textarea> - Polje za unoenje teksta unutar formulara <textarea rows="4" cols="50">Tekst</textarea> <tfoot> - Grupo polja u dnu tabele <table border="1"> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> </table> <th> - Zaglavlje kolona tabele <table border="1"> <tr> <th>Mesec</th> <th>Uteda</th> </tr> <tr> <td>Januar</td> <td>100</td> </tr> </table> <thead> - Zaglavlje tabele <table border="1"> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tfoot>

    <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> </table> <title> - Naslov stranice <title>Naslov strane</tite> <tr> - Redovi u tabeli <table border="1"> <tr> <th>Mesec</th> <th>Uteda</th> </tr> <tr> <td>Januar</td> <td>100 rsd</td> </tr> </table> <tt> - TeleType, pisaa maina efekat slova, nije podran u HTML5, koristi se u CSS-u <p><tt>Teletype text</tt></p> <u> - Podvuen tekst <u>Tekst</u> <ul> - Ne sortirana lista <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <var> - Formatiranje teksta unutar dokumenta. Definie varijabile. <var>Varijabila</var>

    Kao to se HTML tagovi piu izmeu markera < i > tako se I css tagovi pi u unutar markera { i }. Imamo 2 oblika pisanja tagova: 1. Klase unutar css dokumenta 2. ID unutar css dokumenta. Kada treba da na nekoliko elemenata unutar HTML dokumenta primenimo isti stil mkoristiemo clase I suprotno. Klase se obeleavaju sa takom (.) a ID sa tarabom (#).

    Primer klase: .p {color:#FFF; font-size:18px;} Primer ID-a: #meni {color:red; font-size:18px;} u HTML stavljamo: <p class=h> tekst </p> ili <div id=meni>Tekst</div>

    You might also like