Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Liste HTML

    Încărcat de

    Valys Buga
    10 vizualizări3 pagini

    Titlu original

    liste_html

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    10 vizualizări3 pagini

    Liste HTML

    Încărcat de

    Valys Buga

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 3

    Liste HTML

    Listele (marcatori și numerotare) reprezintă un mod simplu de organizare a informației, ele fiind de trei
    tipuri: liste ordonate, neordonate și de definiții.

    1. Liste ordonate
    Aceste liste sunt delimitate de etichetele <ol> și </ol> iar elementele de <li> și </li>.
    li = list item; ol = ordered list

    Exemplu:

    HTML Afișare
    <html>
    <body> Listă ordonată HTML

    <h2>Listă ordonată HTML</h2> 1. Matematică


    2. Fizică
    <ol> 3. Chimie
    <li>Matematică</li>
    <li>Fizică</li>
    <li>Chimie</li>
    </ol>

    </body>
    </html>

    Se pot folosi mai multe tipuri de numerotare – cu cifre arabe, cifre romane mari/ mici, cu litere
    mari/mici, caz în care se va utiliza atributul Type, adăugat în elementul <ol>:

    <ol type="1"> 1, 2, 3, ...


    <ol type="I”> I, II, III, ...
    <ol type="a"> a, b, c, ...
    <ol type="A"> A, B, C, ...
    <ol type="i"> i, ii, iii, ...

    Se poate începe numerotarea de la alt număr, dacă se folosește atributul start, în cadrul etichetei <ol>.

    Exemplu: <ol start=”5”>


    2. Liste neordonate
    Listele neordonate sunt delimitate de etichetele <ul> și </ul> iar elementele listei de <li> și </li>
    ul = unordered list; li = list item

    Exemplu:

    HTML Afișare
    <html>
    <body> Listă neordonată HTML
    <h2>Listă neordonată HTML</h2>
    <ul>  Matematică
    <li>Matematică</li>  Fizică
    <li>Fizică</li>  Chimie
    <li>Chimie</li>
    </ul>
    </body>
    </html>

    Prin utilizarea atributului Type, elementele listei pot fi particularizate (cerc, disc, pătrat)

    HTML Afișare
    <html>
    <body>
    <ul>
    <li type=circle>Matematica</li>
    <li type=disk> Fizica</li>
    <li type=square>Chimie</li>
    </ul>
    </body>
    </html>

    Cele două tipuri de liste se pot imbrica, în cadrul unei liste de tipul marcatori poate fi încorporată o
    listă de tipul numerotare (sau invers).
    Exemplu:
    HTML Afișare
    <html>
    <body>
    <ol> <li>Fructe</li>
    <ul>
    <li> Mere</li>
    <li>Pere</li>
    </ul>
    <ol> <li> Legume</li>
    <ul>
    <li> Morcovi</li>
    <li>Cartofi</li>
    </ul>
    </body>
    </html>
    3. Liste de definiții

    Lista de definiții este o listă de termeni, fiecare având o descriere proprie. Acest tip de listă dă un aspect
    ordonat și plăcut textului, o separare mai bună a conținutului.

    Tag-ul folosit pentru astfel de liste este: <dl> (și de închidere </dl>), care cuprinde în interior elementele
    <dt> și <dd>

     <dt> ... </dt> - folosit pentru termenul listei, fiecare tip de astfel de element trebuie precedat de unul
    sau mai multe elemente <dd>
     <dd>... </dd> - pentru descrierea elementului definit la <dt>

    Exemplu:

    HTML Afișare
    <html>
    <body> Monitor
    <dl> - dispozitiv periferic de iesire,
    <dt>Monitor</dt> utilizatorul obtinând informatiile
    <dd>- dispozitiv periferic de iesire, prin afisarea acestora pe ecran
    utilizatorul obtinând informatiile prin afisarea Tastatura
    acestora pe ecran</dd> - dispozitiv periferic de intrare a
    <dt>Tastatura</dt> datelor în calculator, prin tastare
    <dd>- dispozitiv periferic de intrare a de catre utilizator
    datelor în calculator, prin tastare de către
    utilizator</dd>
    </dl>
    </body>
    </html>

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