Liste

postat acum 2 ani de Stefanescu Mihai in categorie 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

Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group
Acest articol a fost mutat de pe vechea platforma.
Pentru orice eroare aparuta la mutare va rog sa ma contactati!