HTML grafičke i numeričke oznake PDF Ispis E-mail

Ponekad je potrebno koristiti grafičke ili numeričke  oznake za isticanje pojedinih dijelova teksta unutar html koda.

 

Tag koji koristimo za početak popisa grafičkih oznaka je <ul>. Za završetak koristimo tag </ul>. Unutar početnog taga možemo umetnuti atribut type. Njegova vrijednost može biti "disc", "square" ili "circle".

 

Tag koji koristimo za početak numeričkog popisa <ol>. Za završetak koristimo tag </ol>. Unutar početnog taga možemo umetnuti atribut type. Njegova vrijednost može biti "A", "a", "I", "i", "1"

 

<!-- Primjer grafičkih i numeričkih popisa ------>

<html>

<body>

<ul>

<li>Ponedjeljak</li>

<li type=“circle“>Utorak</li>

<li>Srijeda</li>

<ol type="A">

<li> 6-12 h = Nastava</li>

<li>12-14 h = Ručak</li>

<li>14-18 h = Učenje</li>

</ol>

<li>Četvrtak</li>

<li>Petak</li>

</ul>

</body>

</html>

<!-- Komentar kraja primjera ------------------------>

 

 

Objašnjenje: grafičke oznake

 

<ul>

<li>Ponedjeljak</li>

<li type=“circle“>Utorak</li>

<li>Srijeda</li>

...

</ul>

 

Tag <ul> označava početak grafičkih oznaka. Ovaj tag sadrži atribut type koji može imati vrijednosti "disc", "square" ili "circle". Ovisno o atributu type prikazat će se popunjen kružić, kvadratić ili prazan kružić. Tag <li> označava umetanje izabrane oznake, u ovom slučaju grafičke. Grafičke oznake završavamo s tagom </ul>

Želimo li promijeniti oznaku samo za pojedini redak tagu <li> dodajemo atribut type kojem dodjeljujemo odabrani izgled samo te grafičke oznake.

 

Numeričke oznake

 

<ol type="A">

<li> 6-12 h = Nastava</li>

<li>12-14 h = Ručak</li>

<li>14-18 h = Učenje</li>

</ol>

 

Tag <ol> označava početak numeričke oznaka. Ovaj tag može sadržavati atribut type koji može imati vrijednosti "A", "a", "I", "i", "1". Ovisno o atributu type početi će se brojevi redati kao slova (velika ili mala), rimski brojevi (veliki ili mali) ili arapski brojevi. Tag <li> označava umetanje izabrane oznake, u ovom slučaju numeričke. Numeričke oznake završavamo s tagom </ol>

Želimo li kodiranjem promijeniti brojčanu oznaku samo za pojedini redak u tag <li> dodajemo atribut type kojem dodjeljujemo odabrani izgled samo te numeričke oznake.

 

 
Copyright © 2012 Programiranje i izrada web stranica. Sva prava pridržana.
Joomla! je Free Software objavljen pod GNU/GPL Licencom..