Liste

Stefanescu Mihai 2 years ago HTML

HTML ofera programatorilor trei tipuri de liste.

  • <ul> – Lista neordonata. Acest tip de lista va afisa elementele cu o bulina in fata.
  • <ol> – Lista ordonata. Acest tip de lista va afisa elementele cu un numar in fata.
  • <dl> – Lista de definitii. Acest tip de lista va afisa elementele similar unui dictionar.

Liste Neordonata

O lista neordonata este o lista ce afiseaza elemente ce nu au nevoie de afisare intr-o anumita ordine. Acest tip de lista poate fi creeata folosind tag-ul <ul>.Un exemplu cat se poate de simplu:

<ul>
	<li>Bacon</li>
	<li>Oua</li>
	<li>Lapte</li>
	<li>Cereale</li>
</ul>

Acest cod va avea urmatorul rezultat:

  • Bacon
  • Oua
  • Lapte
  • Cereale

 Atributul type

In tag-ul <ul> putem folosi atributul type pentru a specifica tipul de marker. In mod default este un disc (o bulina de fapt), dar avem mai multe posibilitati:

<ul type="square">
<ul type="disc">
<ul type="circle">

Liste Ordonate

Acest tip de lista afiseaza numere in loc de buline sau alte forme si o putem folosi cu tag-ul <ol>.

<ol>
	<li>Bacon</li>
	<li>Oua</li>
	<li>Lapte</li>
	<li>Cereale</li>
</ol>

Acest cod va avea urmatorul rezultat:

  1. Bacon
  2. Oua
  3. Lapte
  4. Cereale

 Atributul type

In tag-ul <ol> putem folosi atributul type pentru a specifica tipul de numar. In mod default sunt folosite numere arabe (1, 2, 3, etc), dar avem mai multe posibilitati:

<ol type="1"> - Default, numere arabe
<ol type="I"> - Numere romane mari (I, II, III, IV, etc)
<ol type="i"> - Numere romane mici (i, ii, iii, iv, etc)
<ol type="a"> - Litere mici (a, b, c, etc)
<ol type="A"> - Litere mari (A, B, C, etc)

Atributul Start

Puteti folosi atributul start pentru liste ordonate ( <ol> ) pentru a specifica inceputul listei.

<ol type="1" start="4">    - Va incepe numerotarea de la 4.
<ol type="I" start="4">    - Va incepe numerotarea de la IV.
<ol type="i" start="4">    - Va incepe numerotarea de la iv.
<ol type="a" start="4">    - Va incepe numerotarea de la d.
<ol type="A" start="4">    - Va incepe numerotarea de la D.

Liste de Definitie

In acest tip de lista elementele sunt afisate ca intr-un dictionar. Acest tip de lista este bun pentru a creea un glosar, o lista de termenu sau chiar si un dialog.

  • <dl> – Defineste inceputul listei
  • <dt> – Un termen
  • <dd> – Definitia unui termen
  • </dl> -Defineste sfarsitul listei
<dl>
	<dt><b>HTML</b></dt>
		<dd>Acronim pentru Hyper Text Markup Language</dd>
	<dt><b>HTTP</b></dt>
		<dd>Acronim pentru Hyper Text Transfer Protocol</dd>
</dl>

Rezultatul va fi acesta:

HTML

Acronim pentru Hyper Text Markup Language

HTTP

Acronim pentru Hyper Text Transfer Protocol

Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.


Get in touch
Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum

Club-ul este dedicat membrilor si ofera access la mai multe zone ale website-ului.
Login Register

🔖 Bookmarks
âœĻ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌊ïļ Discord
Back to top
Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.