Scribd
Încărcați
87 vizualizări4 pagini

Liste HTML

Documentul prezintă patru tipuri de liste utilizate în paginile web: liste ordonate, liste neordonate, liste de definiții și liste îmbricate. Sunt oferite exemple și explicații pentru fiecare tip de listă.

Încărcat de

Mihai Opris
Drepturi de autor
© © All Rights Reserved
Respectăm cu strictețe drepturile privind conținutul. Dacă suspectați că acesta este conținutul dumneavoastră, reclamați-l aici.
Formate disponibile
Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
87 vizualizări4 pagini

Liste HTML

Documentul prezintă patru tipuri de liste utilizate în paginile web: liste ordonate, liste neordonate, liste de definiții și liste îmbricate. Sunt oferite exemple și explicații pentru fiecare tip de listă.

Încărcat de

Mihai Opris
Drepturi de autor
© © All Rights Reserved
Respectăm cu strictețe drepturile privind conținutul. Dacă suspectați că acesta este conținutul dumneavoastră, reclamați-l aici.
Formate disponibile
Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
Sunteți pe pagina 1/ 4

LISTE IN PAGINI WEB

1. Liste Ordonate (elementele sunt automat numerotate).


Declararea unei liste ordonate se face cu ajutorul marcajului: <OL>..</OL>

Ex. Nr.1 (LO1.html) Efect


<OL>
1. element 1
<LI>element 1
2. element 2
<LI>element 2
3. element 3
<LI>element 3
</OL>
Ex. Nr.2 (LO2.html) Efect
<OL TYPE=A>
A. element 1
<LI>element 1
B. element 2
<LI>element 2
C. element 3
<LI>element 3
</OL>
Ex. Nr.3 (LO3.html) Efect
<OL TYPE=I START=3>
III. element 1
<LI>element 1
IV. element 2
<LI>element 2
V. element 3
<LI>element 3
</OL>
Ex. Nr.4 (LO4.html) Efect
<OL TYPE=I START=3>
III. element 1
<LI>element 1
<LI VALUE=10>element
X. element 2
2
<LI VALUE=20>element
XX. element 3
3
XXI. element 4
<LI>element 4
</OL>

2. Liste Neordonate – sau liste marcate (elementele sunt marcate printr-un semn special).
Declararea unei liste neordonate se face cu ajutorul marcajului:
<UL>..</UL>.

Ex. Nr.1 (UL1.html) Efect


<UL>
<LI> element
1  element 1
<LI> element  element 2
2  element 3
<LI> element
3
</UL>
Ex. Nr.2 (UL2.html) Efect
<UL TYPE=circle> o element 1
<LI> element o element 2
1 o element 3
<LI> element
2
<LI> element
3
</UL>

{Schimbarea simbulului care preced elementele din lista se poate face utilizand parametrul TYPE al
marcajului <UL>..</UL>, caruia i se pot asocia una dintre urmatoarele valori> disc, circle şi square.}

4. Liste de Definitii de termeni si definitiile lor asociate.


Declararea unei liste ordonate se face cu ajutorul marcajului <DL>..</DL> utilizat impreuna cu
marcajul <DT> pentru termenul definit si marcajul <DD> pentru definitia propriu zisa.
Exemplu (DL.html)
<DL>
<DT>Aldine<DD>Caracteristica a fonturilor de a fi reprezentate prin caractere mai ingrosate.
<DT>Date<DD>Flux nesfarsit de materiale care apar pe Internet.
<DT>Font<DD>Utilizarea particulara a unui anumit stil de caractere.
</DL>
Efect
Aldine
Caracteristica a fonturilor de a fi reprezentate prin caractere mai ingrosate.
Date
Flux nesfarsit de materiale care apar pe Internet.
Font
Utilizarea particulara a unui anumit stil de caractere.

3. Liste in liste – liste imbricate


Listele pot fi conţinute una într-alta. În proiectarea unei pagini Web trebuie avut în vedere
următorul lucru foarte important: informaţia conţinută în pagină să fie structurată astfel încât să poată
fi uşor de urmărit şi de găsit. În acest sens combinarea celor trei tipuri de liste este foarte utilă.

EXERCIŢIU:

Construiţi o pagină Web în care să redactaţi propriul curriculum vitae utilizând listele de definiţii.
Documentul va fi salvat sub numele nume-elev.html și trimis ca temă pe classroom Un exemplu este
redat in continuare.
Dacă întâmpinați probleme accesați site-ul lectiivirtualeopris.ro
<HTML>
<HEAD>
<TITLE>Liste in pagini Web</TITLE>
</HEAD>
<BODY>
<HR SIZE=80 COLOR=RED>
<H1><CENTER>Salut!</CENTER></H1>
<HR WIDTH=50%>
<UL>
<LI><H4>Date personale</H4>
<DL>
<DT>Nume:<DD>Mateescu.
<DT>Prenume:<DD>Mihaela
<DT>Data nasterii:<DD>12_04_2004
<DT>Profesia:<DD>Eleva, lic Rupea
<DL>
<DT><LI><H4>Stare emotionala</H4><DD>Acum este tarziu, dar cum
somnul intarzie sa apara, iata-ma hai-hiu pe internet.
<DT><LI><H4>Preocupari actuale</H4><DD>Saptamana viitoare trebuie să
prezint propria agendă telefonică utilizând listele de definiţii
<UL>
<LI>liste ordonate
<LI>definitie
<LI>dati un exemplu
</UL>

<DT><LI><H4>Sugestii</H4><DD>Daca tu, draga prietene de pe internet, m-


ai putea ajuta cu cateva sugestii in realizarea acestei teme ti-as ramane indatorata.
</DL>
</DL>

<HR WIDTH=20% ALLIGN=left NOSHADE><H4>Mihaela</H4><P>


<I>[email protected]</I><HR COLOR=RED>
</BODY>
</HTML>
Efect

Salut!

 Date personale

Nume:
Mateescu.
Prenume:
Mihaela
Data nasterii:
12_04_1985
Profesia:
Eleva lic Rupea

 Stare emotionala

Acum este tarziu, dar cum somnul intarzie sa apara iata-ma hai-hiu pe internet.

 Preocupari actuale

Saptamana viitoare trebuie s prezint la ora de engleza un referac cu urmatoarele caracteristici>

o Tema- "Internet viitorul omenirii?"


o Continutul:-implicatiile pe care le are informatica si, in special, internetul in viata
omului viitorului
o Concluzia:-Sigur ca trebuie sa fie o vizine a mea asupra viitorului si nu o profetie

 Sugestii

Daca tu, draga prietene de pe internet, m-ai putea ajuta cu cateva sugeestii in realizarea acestui
referat ti-as ramane indatorata.

Mihaela

[email protected]

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