Koriste se za predstavljanje nenumerisane (unorderd) liste članova odvojenih praznih redom i označenih specijalnim vodećim znakom (bullet: kružić, disk, kvadrat). Lista počinje obeležjem <UL>, a završava se obeležjem </UL>. Svaki član liste počinje obeležjem <LI> koje ne mora da ima zatvarajući komplement oblika </LI>
Primer 8
<!- -Opisati dve nenumerisane (unorderd) liste gde prva lista je spisak 3 logicke operacije,
a druga lista sadrzi imena tri osobe znacajne za programiranje,
pri cemu ime Ada Byron da se prikaze istaknuto ( tag EM sluzi za isticanje)-->
<html>
<head>
<title>Unorderd liste</title>
</head>
<body>
<UL> Lista1
<li>OR <li>AND <li>NOT
</UL>
<UL>Lista 2
<li>Blaise Pascal
<li><em>Augusta Ada Byron </EM>
<li>Brian Kernighan
</UL>
</BODY>
</HTML>
PRIKAZ HTML DOKUMENTA
Koriste se za predstavljanje listi (spiskova) čiji članovi su numerisani (oredered). Lista počinje obeležjem <OL>, a završava se obeležjem </OL>. Svaki član liste počinje obeležjem <LI> koje ne mora da ima zatvarajući komplement oblika </LI>
Primer 9
<!--Opisati numerisanu (orderd) listu ciji elementi su broj MB, KB, B u 1 GB.
Uocite i tag SUP za navodjenje eksponenta/superscript-a-->
<HTML>
<HEAD>
<TITLE> Ordered liste</TITLE>
</HEAD>
<BODY>
<OL> <LI>1024 MB ili 2<sup>10</sup>MB
<LI>1024*1024 KB ili 2<sup>20</sup>KB
<LI>2<sup>30</sup>B
</ol>
</body>
</html>
PRIKAZ HTML DOKUMENTA
Primer 10 - ilustracija redefinisanja azbuke numeracije i početka nabrajanja kod numerisanih lista
<!-- Ako pretpostavimo da su Vam omiljeni programski jezici C, C++, Pascal, onda opisati 4 uredjene liste gde prva lista je spisak ovih jezika koji nisu numerisani arapskim ciframa, vec malim slovima engleske abecede. Druga lista je spisak numerisan rimskim brojevima, treca lista je takva da numeracija sadrzi brojeve 3,8,9., cetvrta lista je spisak numerisan veelikim slovima engleske abecede--> <HTML> <HEAD> <TITLE> Atributi TYPE,START,VALUE </TITLE> </HEAD> <BODY> <OL TYPE=a>Jezici <LI>Pascal <LI>C <LI>C++ </OL> <OL TYPE=I>Jezici <LI>Pascal <LI>C <LI>C++ </OL> <OL start=3>Jezici <li>Pascal <li value=8> C <li>C++ </OL> <OL TYPE=A>Jezici <LI>Pascal <LI>C <LI> C++ </OL> </BODY> </HTML>
PRIKAZ HTML DOKUMENTA
Drugi domaći zadatak
Kreirati u direktorijumu public_html datoteku domaci2.htm i u njoj HTML kôd koji opisuje stranicu prikazanu na slici. ROK ZA POSTAVKU: 3.11. 2003.
Primer 11 - ilustracija kombinovane primene nenumerisanih i numerisanih listi
<!-- Opisati nenumerisanu listu predmeta na tekućoj godini studija
koja ce kao podlistu imati rimskim ciframa numerisanu listu onih dana u nedelji
kada se odrzavaju vezbe iz Osnova programiranja -->
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<TITLE>PRVA GODINA</TITLE>
</HEAD>
<BODY>
<UL>Predmeti <LI>Analitička geometrija <LI>Linearna algebra <LI>Analiza 1
<LI>Osnovi programiranja
<OL type=i><LI>utorak <li>četvrtak <LI>petak</OL>
</UL>
</BODY>
</HTML>
Koriste se za predstavljanje listi čiji članovi su neki termini za kojima slede njihovi opisi. Lista počinje obeležjem <DL>, a završava se obeležjem </DL>. Svaki član liste sadrži termin koji se definiše i odgovarajući opis. Termin počinje obeležjem <DT>, a opis počinje obeležjem <DD>.
Primer 12
<!--Kreirati opisnu listu koja definise termine virus, deadlock, run-time error --> <HTML> <HEAD> <title>Primer definicione liste ili spiska </TITLE> </HEAD> <DL> <DT>virus <DD>program koji ima destruktivno dejstvo <DT>deadlock <DD>zablokiranost <DT>runtime error <DD>greska za vreme izvrsavanja programa </DL> <!-- Za vezbu, uradite primer 12, ali sa pojmovima crv, byte, operativni sistem --> </BODY> </HTML>
Primer 12a
<!-- Kreirati opisnu listu koja ce objasniti termine default, daktilograf, programer.
Termine ispisati pojacano (narocito istaknuto) upotrebom taga za
narocito isticanje dela teksta (STRONG) -->
<HTML>
<HEAD>
<TITLE>Moje definicije </title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
</HEAD>
<BODY>
<DL>
<DT><STRONG>Default</STRONG>
<DD>podrazumevano
<DT><STRONG>Daktilograf</STRONG>
<DD>Osoba koja zna i kucanje <EM> na slepo </EM>
<DT><STRONG>Programer</STRONG>
<DD>Osoba koja zna da piše programe i otklanja greške
</DL>
</BODY>
</HTML>
