Tutorial HTML - Liste

Tutoriale CSS si HTML, tutoriale editare si instalare site-uri in CSS si HTML!
Avatar utilizator
DarkArms
Membru
Mesaje: 3107
Localitate: Reșița, România
Nick server: cleks
Contact:

Tutorial HTML - Liste

Mesaj de DarkArms » Vin Iul 07, 2017 9:06 am

HTML pune la dispozitie trei tipuri de liste. <ol> va afisa o lista ordonata in timp ce <ul> una neordonata, iar pentru a realiza o lista de defnitii se foloseste <dl>. Foloseste atributele type si start pentru a realiza lista cea mai potrivita cerintelor tale.

<ul> - unsorted list, buline
<ol> - ordered list, numere
<dl> - definition list, lista de definitii

HTML - Lista ordonata

Foloseste tag-ul <ol>pentru a incepe o lista ordonata. Prin punerea <li></li> (list item) intre tagurile <ol> si </ol> semnalizezi browser-ului elementele listei.

Cod: Selectaţi tot

<h4>Oviective</h4>

<ol>
	<li>S gasesc o slujba </li>
	<li>Sa iau bani multi </li>
	<li>Sa ma mut in alt oras </li>
</ol>
Poti incepe lista cu orice alt numar doresti specificandu-l insa cu ajutorul atributului start.

Cod: Selectaţi tot

<ol start="4" >
	<li>S gasesc o slujba </li>
	<li>Sa iau bani multi </li>
	<li>Sa ma mut in alt oras </li>
</ol>
Acest element nu face nimic iesit din comun dar este destul de folositor uneori.

HTML - Alte tipuri de liste ordonate

In afara de modelul mai sus aratat mai sunt alte patru tipuri de liste ordonate. In locul cifrelor arabe poti folosi cifre romane sau la fel de bine litere iar in ambele cazuri pot fi folosite litere mici sau majuscule. Foloseste atributul type pentru a modifica tipul numerotarii.

Cod: Selectaţi tot

<ol type="a">
<ol type="A">
<ol type="i">
<ol type="I">
Liste nesortate

Creaza o lista nesortata cu ajutorul tagului <ul>. Listele nesortate deasemenea sunt de mai multe tipuri si anume, patratele buline si cerculete.Valoarea standard redata de majoritatea browser-elor sunt bulinele

Cod: Selectaţi tot

<h4>lista de cumparaturi</h4>

<ul>
	<li>lapte</li>
	<li>branza</li>
	<li>oua</li>
	<li>zahar</li>
</ul>
Pe de alta parte in HTML, exista si alte tipuri de liste neordonate, dupa cum urmeaza:

Cod: Selectaţi tot

<ul type="square">
<ul type="disc">
<ul type="circle">
HTML - Lista de definitii

Deasemene poti face liste de definitii folosind tag-ul <dl>. Aceasta lista reda cuvantul deasupra definitiei. Este indicat sa ingrosam cuvantu pentru a fi mai bine evidentiat.

Cod: Selectaţi tot

<dl>
	<dt><b>Fromage</b></dt>
	<dd>Cuvant francez pentru branza.</dd>
	
	<dt><b>Voiture</b></dt>
	<dd>Cuvant francez pentru masina.</dd>
</dl>

Înapoi la “Tutoriale CSS si HTML”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 1 vizitator