abc HTML5 i CSS TUTORIAL

Nenumerisana lista - buliti /UNORDERED LIST - UL & LI/


Slika 1. Tip nenumerisane liste /UNOREDERD LIST/

Tekst koji je prethodno formatiran /PREFORMATTED/ PRE Sintaksa: <UL type=" list-style-type = | disc | circle | square "> (<UL><LI>tekst</UL>)

Oznake:
ul - početak nenumerisne liste
/ul - kraj nenumerisne liste
li - elementa nenumerisne liste

Legenda tipova nenumerisane liste:
disc - Ispunjen krug
circle - Prazan krug
square - Ispunjen kvadrat

Nenumerisana lista se često koristi u tekstu.

Nenumerisana lista počinje sa TAG-om UL (UNORDERED LIST) a ispred svakog elementa liste je <LI> (element liste /LIST ITEM/). Na kraju elementa lista je </LI> odnosno na kraju liste </UL>.


Slika 2. Nenumerisana lista - buliti /UNORDERED LIST - UL & LI/

Primjeri ispisa nenumerisane liste:

<UL>
  <LI>Leonardo</LI>
  <LI>Donatelo</LI>
  <LI>Rafaelo</LI>
</UL>
  • Leonardo
  • Donatelo
  • Rafaelo

Primjer 1. Nenumerisana lista u dokumentu

<html>
<head>
<title>Nenumerisana lista</title></head>
<body>
<p>Tekst ispred liste</p>
<UL>
  <LI>Kolos sa Rodosa</LI>
  <LI>Velike piramide</LI>
  <LI>Viseći vrtovi</LI>
</UL>
</body>
</html>

Tekst ispred liste

  • Kolos sa Rodosa
  • Velike piramide
  • Viseći vrtovi

Nenumerisana lista - izgled i veličine i fonta

Nenumerisana lista - promjena boje fonta

Daljnji rad: Napisati html kod za slijedeće primjere:

1. Provjerite svoje znanje:
 

Zadatak

Ispis
Napišite kod koji ispisuje tekst
  • Hard disk
  • Monitor
  • Disketna jedinica
  • Tastatura
  • Miš
   

2. Provjerite svoje znanje:
 

Zadatak

Ispis
Napišite kod koji ispisuje tekst
  • Meni 1
        supa
        jelo
        dezert
  • Meni 2
   

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index