4en3rgY Romania
Tutorial HTML - Liste 2z8bv910
Welcome To 4EN3RGY Romania
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!

4en3rgY Romania


Nu sunteti conectat. Conectați-vă sau înregistrați-vă

Tutorial HTML - Liste

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

1Tutorial HTML - Liste Empty Tutorial HTML - Liste Joi 28 Iul 2011, 17:55

Viorel

ViorelFondator

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

      -
        - unsorted list, buline
        -
          - ordered list, numere
          -
          - definition list, lista de definitii.

          *HTML - Lista ordonata

          Cod:
          <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:

          Oviective

          1. Sa 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.

          Cod:
          <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>

          Oviective

          4. Sa 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.


          * 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:
          <ol type="a">

          <ol type="A">

          <ol type="i">

          <ol type="I">


          Vizualizare:


          [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]


          [size=200]*[/size]Liste nesortate


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

          <ul> <li>lapte</li>

          <li>branza</li>

          <li>oua</li>

          <li>zahar</li>

          </ul>

          Vizualizare :


          Lista de cumparaturi

          * lapte
          * branza
          * oua
          * zahar

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

          Cod:
          <ul type="square">

          <ul type="disc">

          <ul type="circle">


          Vizualizare :

          [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]



          *HTML - Lista de definitii

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

          Cod:
          <dl>

          <dt><b>Fromage</b></dt>

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

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

          <dd>Cuvant francez pentru masina</dd>

          </dl>



          Fromage
          Cuvant francez pentru branza .
          Voiture
          Cuvant francez pentru masina

          sursa [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum

 

Copyright @ 2010-2024 by 4en3rgY ~> All rights reserved.