Logo Facebook8    Logo Youtube12    Logo Google     Logo twitter

Lectia 7 HTML | Liste

Paginile web contin foarte multe informatii, din acest motiv enumerarea unor elemente trebuie pusa in evidenta.

O lista este alcatuita din mai multe componente.
Lista incepe cu eticheta <dl> si se incheie cu </dl>.
Intre aceste etichete se vor folosi etichetele <dt> si <dd>.

    EXEMPLU:


<html>

<head>
<title>Lista neordonata</title>
</head>
<body bgcolor="yellow">
Lista cumparaturi
<ol>
<li>Lapte
<li>Paine
<li>Prajituri
<li>Oua
</ol>
</body>
</html>

Laptopul
Laptopul este un calculator portabil.
World-IT
World-IT este un site care are scopul de a va introduce in domeniul IT.

 
Puteti crea liste neordonate folosind etichetele <ul> si </ul>.
Intre etichetele <ul> si </ul> se foloseste eticheta <li>.

    EXEMPLU:

 

<html>
<head>
<title>Lista neordonata</title>
</head>
<body bgcolor="yellow">
Lista cumparaturi
<ol>
<li>Lapte
<li>Paine
<li>Prajituri
<li>Oua
</ol>
</body>
</html>

Lista cumparaturi
  • Lapte
  • Paine
  • Prajituri
  • Oua


Prin utilizarea atributului type="", putem numerota lista astfel:
- cu un disc | puneti intre ghilimele cuvantul "disc" pentru a numerota cu un disc
- cu un patrat | puneti intre ghilimele cuvantul "square" pentru a numerota cu un patrat
- cu un cerc | puneti intre ghilimele cuvantul "circle" pentru a numerota cu un cerc

EXEMPLU: <ul type="square">

Puteti crea si liste ordonate folosind etichetele <ol> si </ol>.
Intre etichetele <ol> si </ol> se foloseste eticheta <li>.

    EXEMPLU:


<html>

<head>
<title>Lista neordonata</title>
</head>
<body bgcolor="yellow">
Lista cumparaturi
<ul>
<li>Lapte
<li>Paine
<li>Prajituri
<li>Oua
</ul>
</body>

</html>

  1. Lapte
  2. Paine
  3. Prajituri
  4. Oua

 

Prin utilizarea atributului type="", putem numerota lista astfel:
- cu numere (1,2,3)          | puneti intre ghilimele cifra "1" pentru a numerota cu numere
- cu litere mici (a,b,c)       | puneti intre ghilimele litera "a" pentru a numerota cu litere mici
- cu litere mari (A,B,C)      | puneti intre ghilimele litera "A" pentru a numerota cu litere mari
- cu cifre romane (i,ii,iii)    | puneti intre ghilimele litera "i" pentru a numerota cu numere romane
- cu cifre roamne (I,II,III) | puneti intre ghilimele litera "I" pentru a numerota cu numere romane

EXEMPLU: <ol type="A">


 

Acest site foloseste cookie-uri.

Folosim cookie-uri pentru a vă asigura că aveti cea mai bună experiență pe acest site.

I understand
DESPRE NOI
World-IT este un site care are ca domeniu Tehnologia Informatiei(IT).
Acest site are ca prim scop introducerea persoanelor in acest domeniu. Mai multe informatii aici.

URMARESTE-NE 
Logo Facebook8  Logo Youtube12   Logo Google  Logo twitter

Sitemap | Despre noi

viagrageneric viagraviagra couponsviagra genericviagra pricesviagra onlinebuy viagracialis vs viagraviagra pillsviagra couponviagra for womenviagra samplesviagra side effectscheap viagranatural viagradoes viagra workviagra costviagra vs cialiscost of viagraonline viagrapfizer viagraviagra on lineviagra single packsfemale viagraviagra dosagehow does viagra workside effects of viagrapfizer viagra couponssex viagra for womenviagra for saleviagra from canadaviagra alternativescanadian viagrabuy viagra onlinelevitra vs viagrafree viagraviagra from amazongeneric viagra 100mgrevatio vs viagrahealthy man viagraherbal viagrawhat is viagraviagra best priceorder online viagrageneric for viagraviagra pills for saleviagra on line no precviagra substitutesildenafil vs viagrawhat does viagra doviagra coupons 75 offviagra canadafemale viagra pillsviagra sexdiscount viagrastendra vs viagraviagra activatesophia viagrawhere to buy viagraotc viagratrial viagra samplecialis or viagraviagra ingredientsbest price viagraviagra pharmacyviagra doseviagra pricecanada viagraviagra costsviagra savings offernon prescribed viagraviagra pornviagra girlswomen viagraviagra pillutilisation viagracialiscialis couponcialis genericcialis dosagegeneric cialiscialis costcialis vs viagracialis pricescialis side effectscialis couponscialis 30 day sampleviagra vs cialiscialis onlinecialis pillscialis samplesbuy cialiscialis 20 mgcialis for daily usecheap cialiscost of cialis200 cialis couponcialis dailycialis 20mgcialis canadacialis trialhow does cialis workcialis on lineside effects of cialiscialis 5mgcialis for menbuy cialis onlinecialis for salehow to take cialiscialis pricecialis from canadafree cialiscialis reviewswhat is cialiscialis pills for salecanadian cialiscialis tadalafilcialis or viagrageneric for cialiscialis professionalcialis free trialcialis medicationcialis for bphcialis coupons 2017cialis discountdiscount cialiscialis 5 mgonline cialiscialis copay cardlowest cialis pricescialis for womencialis vouchercialis savings cardcialis 10 mgcialis websiteliquid cialisdaily cialisviagra cialiscialis otccialis 5mg dailycanada cialiscialis coupon 20 mgcialis pricingcialis coupon printviamedic cialiscialis cheapcialis pharmacy pricescialis 20mg directionsprice cialiscialis samplewholesale cialiscialis alternativecialis effectscialis testimonialslevitracialis vs viagravardenafilviagra pillsviagra vs cialiscialis pillslevitra couponlevitra 20 mglevitra vs viagrarevatio vs viagrahow does cialis workvardenafil 20mgstendra vs viagralevitra pricesbuy levitralevitra genericgeneric levitralevitra online