๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑
WEBTOOLS FORUM - RECOMMENDED SETTINGS/SETARI RECOMANDATE: BROWSER=MOZILLA FIREFOX OR IE REZOLUTION=1280x1024| FORUMUL ESTE IN PLINA DEZVOLTARE VA RUGAM SA NE AJUTATI! ► DATA INFIINTARII: 19-07-2008 ► 		Lista Forumurilor Pe Tematici
๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑ | Inregistrare | Login

POZE ๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑

Nu sunteti logat. 		Nou pe simpatie:
verona1991 pe Simpatie.ro
Femeie
25 ani
Iasi
cauta Barbat
26 - 62 ani
๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑ / » TUTORIALE HTML « / HTML - Liste Moderat de AndreyNek, MadaLino
Autor
Mesaj Pagini: 1
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
HTML - Liste

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.



_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443

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.

Code:

<h4 align="center">Oviective</h4>

<ol>

<li>S gasesc o slujba </li>

<li>Sa iau bani multi </li>

<li>Sa ma mut in alt oras </li>

</ol>

Vizualizare

Code:

Oviective

   1. S gasesc o slujba
   2. Sa iau bani multi
   3. Sa ma mut in alt oras

Poti incepe lista cu orice alt numar doresti specificandu-l insa cu ajutorul atributului start.

Code:

c<h4 align="center">Oviective</h4>

<ol start="4" >

<li>S gasesc o slujba </li>

<li>Sa iau bani multi </li>

<li>Sa ma mut in alt oras </li>

</ol>[/ode]
Vizualizare



Code:

Oviective

   4. S gasesc o slujba
   5. Sa iau bani multi
   6. Sa ma mut in alt oras

Acest element nu face nimic iesit din comun dar este destul de folositor uneori.


_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
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.

Code:

<ol type="a">

<ol type="A">

<ol type="i">

<ol type="I">

Vizualizare

Code:

Litere mici     Majuscule     Numere romane cu litere mici     Numere romane cu majuscula

   1. Un loc de munca
   2. Bani
   3. Alt oras

    

   1. Un loc de munca
   2. Bani
   3. Alt oras

    

   1. Un loc de munca
   2. Bani
   3. Alt oras

    

   1. Un loc de munca
   2. Bani
   3. Alt oras



_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
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

Code:

<h4 align="center">lista de cumparaturi </h4>

<ul> <li>lapte</li>

<li>branza</li>

<li>oua</li>

<li>zahar</li>

</ul>]/code]

Vizualizeaza exemplul

 

Am alaturat ceva mai jos un exemplu despre cum arata si celelalte tipuri de liste neordonate.



Code:

<ul type="square">

<ul type="disc">

<ul type="circle">



Modificat de AndreyNek (acum 17 ani)

_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
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.

Code:

<dl>

<dt><b>Fromage</b>

</dt> <dd>Cuvant francez pentru branza .</dd>



<dt><b>Voiture</b></dt>

<dd>Cuvant francez pentru masina</dd>

</dt>

_______________________________________
pus acum 17 ani
   
Pagini: 1  

Mergi la