Liste

postat acum 4 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!

Comentariu postate de hermes belts la data de 16.05.2019
Thank you a lot for providing individuals with an exceptionally memorable possiblity to read critical reviews from here. It really is very lovely plus packed with amusement for me personally and my office peers to search your site at the least 3 times in one week to read the latest guides you have got. And definitely, I am also always happy with all the dazzling inspiring ideas you serve. Some 1 areas in this article are unquestionably the most impressive we have all ever had.