Sunteți pe pagina 1din 4

Tema: Liste

Pentru organizarea structurată a informaţiei unui document html se pot folosi listele.

Deosebim:

a) liste neordonate;

b)liste ordonate;

c) liste de definiţii

Listele neordonate se utilizează pentru a indica o succesiune fără o subordonare ierarhică.


• Pentru a specifica începutul şi sfîrştul unei astfel de liste, se utilizează etichetele
<UL>şi </UL> (unordered list – „listă neordonată”).
• Orice element al listei este precedat de eticheta <LI> (list item – „element al listei”).
Fiecărei dintre etichetele <UL>,<LI> i se poate ataşa atributul type, care poate lua una
dintre următoarele trei valori:
Circle , Square, Disc.
Acest atribut specifică marcajul care precede fiecare element al listei.

Listele ordonate (se mai numesc liste numerotate) se încadrează între etichetele <OL>şi </OL>
(ordered list – „listă ordonată”).

Ca şi în cazul listei neordonate, orice element al listei ordonate este precedat de eticheta
<li>. Atributul type al etichetei <OL>poate lua una din valorile: A, a, I, i, 1.

Dacă atributul type nu este specificat, elementele listei vor fi numerotate cu cifre arabe.

Listele de definiţii se utilizează, de regulă, pentru organizarea glosarelor.

Termenii unui glosar sînt listaţi în ordine alfabetică, fiecare fiind urmat de definiţia lui.

• Listele de definiţii se încadrează între etichetele <DL>şi</DL> (definition list – „listă


de definiţii”).

• Fiecare termen al listei este precedat de eticheta <DT>.(definition term – „termen


definit”), iar definiţia (descrierea) lui – de eticheta <DD>(definition description –
„descrierea definiţiei”).

<html>
<head><title>listex_8</title></head>
<body><h1  align="center">O lista ordonata de liste  ordonate și
neordonate</h1><hr>
<ol> Un  sistem informatic include:
    <li> Hardware:
        <ol>
            <li>placa  de baza
            <li>procesor
            <li>memorie
            <li>harddisk
        </ol>
    <li>Software:
        <ul type=”circle”>
            <li>Linux
            <li>Windows
            <li>OS/2
            <li>Unix
        </ul>
    <li>Software de aplicatie:
   <ul  type="disc">
            <li>VisualC++
            <li>Java
            <li>SQL
            <li>CorelDraw
    </ul>
</ol>
</body>
</html>

Răspuns:

O lista ordonata de liste ordonate si


neordonate
Un sistem informatic include:

1. Hardware:
1. placa de baza
2. procesor
3. memorie
4. harddisk
2. Software:

1. Linux
2. Windows
3. OS/2
4. Unix
o Software de aplicatie:

1. VisualC++
2. Java
3. SQL
4. CorelDraw

Exemplu 2
<html>
<head>
<title>Liste_ex2</title>
</head>
<body>
<h1  align="center">O lista neordonata de liste  neordonate</h1>
<hr>

Glosar de termeni de World Wide Web

<ul>Elemente  și atribute a unei pagini HTML

   <li>Frameset

     <ul type=”square”>Atribute: 
        <li>cols
        <li>rows
        <li>border
     </ul>

   <li>Frame

     <ul type=”circle”>Atribute:
        <li>src
        <li>name
        <li>scrolling
     </ul>
</ul>
</body>
</html>

Răspuns:

O lista neordonata de liste neordonate


Glosar de termeni de World Wide Web
Elemente si atribute a unei pagini HTML

 Frameset

Atribute:

 cols
 rows
 border

 Frame

Atribute:

o src
o name
o scrolling

Sarcini

1. Creaţi o pagină Web care va afişa 2 liste ordonate: prima cu titlul „Produse alimentare” de
nivelul 2, în care elementele vor fi numerotate, iar cealaltă cu titlul „Produse industriale” de
nivelul 3, în care elementele vor fi marcate cu litere.
2. Creaţi un document html care va afişa pagina Web din figura 12.8. pagina 132 din manual cl
XII informatica.
3. Creaţi o pagină Web care va afişa titlul „Disciplinele studiate în primul semestru al clasei a
12-a” pe fundal bleu, de nivelul 3, după care va urma o listă neordonată cu aceste discipline.
În calitate de marcaj se va folosi discul. După listă vor fi 2 rînduri goale, apoi va apărea o altă
listă neordonată cu disciplinele la care urmează să susţineţi examenul de bacalaureat.

S-ar putea să vă placă și