<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Elementi, etikete i atributi za opis stila dokumenta (koje treba izbegavati, koristite CSS!)</title> </head> <body> <h3>Elementi, etikete i atributi za opis stila dokumenta (koje treba izbegavati, koristite umesto toga CSS!)</h3> <p>U ovom odeljku ilustrujemo sposobnost HTML-a da opiše formatiranje delova dokumenta, ali iako ta mogućnost postoji, treba je izbegavati u praksi, praktično uvek (osim kao ilustraciju, što je ovde slučaj).</p> <p>Element b: <b>naglašen tekst</b>.</p> <p>Element i: <i>tekst kurzivom</i>.</p> <p>Element u: <u>podvučen tekst</u>.</p> <p>Element tt: <tt>tekst čiji su karakteri iste širine (neproporcionalni font, kao na pisaćoj mašini)</tt>.</p> <p>Element s (HTML5, ne i HTML4): <s>precrtan tekst</s>.</p> <p>Element strike (HTML4, ne i HTML5): <strike>precrtan tekst</strike>.</p> <p>Element sub: tekst u formi indeksa (supskript, donji indeks), na primer u formuli a<sub>1</sub>, a<sub>2</sub>… a<sub>n</sub>. Tri tačke su napravljene pomoću karakterskog entiteta &hellip;</p> <p>Element sup: tekst u formi stepena (superskript, gornji indeks), na primer u formuli a<sup>m + n</sup> = a<sup>m</sup> * a<sup>n</sup>.</p> <h3>Komentari</h3> <p>Ponekad postoji potreba da se uz delove HTML-dokumenta nađu komentari koji pomažu autoru dokumenta da lakše ažurira i održava dokument, ali koji ne treba da se vide prilikom prikazivanja dokumenta u čitaču veba. Upravo to je svrha HTML-komentara koji se u programu za uređivanje teksta prepoznaju po nizu karaktera <!-- na početku komentara, odnosno nizu karaktera --> na kraju komentara.</p> <!-- Ovaj tekst se vidi samo u programu za uređivanje teksta, u čitaču veba se ne prikazuje. --> <h3>Ugnježdavanje etiketa</h3> <p>Poslednja otvorena etiketa mora prva da se zatvori, odnosno prva otvorena etiketa mora poslednja da se zatvori (na primer, html).</p> <p>Drugim rečima elementi ili nemaju ništa zajedničko ili se jedan element nalazi unutar drugog. Preklapanje elemenata nije dozvoljeno. Sledeća tri pasusa (treći je pod komentarom) ilustruju primenu navedenog pravila.</p> <p>Ispravno: <b><i>Tekst koji je i naglašen i napisan kurzivom.</i></b> kao <b><i>Tekst koji je i naglašen i napisan kurzivom.</i></b></p> <p>Ispravno: <i><b>Tekst koji je i naglašen i napisan kurzivom.</b></i> kao <i><b>Tekst koji je i naglašen i napisan kurzivom.</b></i></p> <p>Neispravno : <!--<b><i>Tekst koji je i naglašen i napisan kurzivom.</b></i> --> <i><b>Tekst koji je i naglašen i napisan kurzivom.</i></b></p> <p>Neispravno : <!--<i><b>Tekst koji je i naglašen i napisan kurzivom.</i></b> --> <b><i>Tekst koji je i naglašen i napisan kurzivom.</b></i></p> <h3>Font. Familija fonta i veličina fonta</h3> <p>O fontu, familijama fontova i jedinicama za veličinu fonta ste imali priliku da učite u okviru kursa Digitalni tekst 1, u delu koji se odnosio na tipografiju.</p> <p>HTML nudi element font i atribute face (familija fonta) i size (veličina fonta). Element font ne treba koristiti, već CSS.</p> <p>Primeri nekih fontova:</p> <p><font face='Arial' size='1'>Arial (veličina 1)</font>, <font face='Arial' size='2'>Arial (veličina 2)</font>, <font face='Arial' size='3'>Arial (veličina 3)</font>, <font face='Arial' size='4'>Arial (veličina 4)</font>, <font face='Arial' size='5'>Arial (veličina 5)</font>, <font face='Arial' size='6'>Arial (veličina 6)</font>, <font face='Arial' size='7'>Arial (veličina 7)</font>.</p> <p><font face='Garamond' size='1'>Garamond (veličina 1)</font>, <font face='Garamond' size='2'>Garamond (veličina 2)</font>, <font face='Garamond' size='3'>Garamond (veličina 3)</font>, <font face='Garamond' size='4'>Garamond (veličina 4)</font>, <font face='Garamond' size='5'>Garamond (veličina 5)</font>, <font face='Garamond' size='6'>Garamond (veličina 6)</font>, <font face='Garamond' size='7'>Garamond (veličina 7)</font>.</p> <p><font face='Times New Roman' size='1'>Times New Roman (veličina 1)</font>, <font face='Times New Roman' size='2'>Times New Roman (veličina 2)</font>, <font face='Times New Roman' size='3'>Times New Roman (veličina 3)</font>, <font face='Times New Roman' size='4'>Times New Roman (veličina 4)</font>, <font face='Times New Roman' size='5'>Times New Roman (veličina 5)</font>, <font face='Times New Roman' size='6'>Times New Roman (veličina 6)</font>, <font face='Times New Roman' size='7'>Times New Roman (veličina 7)</font>.</p> <p><font face='Courier New' size='1'>Courier New (veličina 1)</font>, <font face='Courier New' size='2'>Courier New (veličina 2)</font>, <font face='Courier New' size='3'>Courier New (veličina 3)</font>, <font face='Courier New' size='4'>Courier New (veličina 4)</font>, <font face='Courier New' size='5'>Courier New (veličina 5)</font>, <font face='Courier New' size='6'>Courier New (veličina 6)</font>, <font face='Courier New' size='7'>Courier New (veličina 7)</font>.</p> </body> </html>