HTML -lister

En bestilt liste kan vise dataene i forskjellige formater som alfabetisk, numerisk, romersk osv. Som standard viser listen "Listeelementene" i numerisk form, men den kan endres ved hjelp av "Type" -attributtet.

Eksempel 1

La oss vurdere følgende eksempel som bestemmer hvordan bestilt listearbeid:

Liste over rammer for nettutvikling

1. Django


2. Laravel


3. ASP.Nett


4. Kolbe


5. Expressjs

Ovennevnte kode vil gi utdataene noe slikt:

Fra utgangen kan vi observere at listen dukket opp i numerisk form.

Hva om kravet er å vise listen i et annet format i.e alfabet, romersk osv.? I slike tilfeller må vi måtte spesifisere formatet i "type" Egenskap.

Eksempel 2

La oss anta at vi må erklære listeelementene i det alfabetiske formatet, så vil typeattributtet bli satt til det spesifiserte formatet i.e. “Type = A” eller “Type = A” Som vist i følgende utdrag:

Liste over rammer for nettutvikling

1. Django


2. Laravel


3. ASP.Nett


4. Kolbe


5. Expressjs

Nå vil denne koden generere følgende utdata:

Eksempel 3

Videre kan vi spesifisere startindeksen for listen ved hjelp av "start" Attributt som vist i følgende skript:

Liste over rammer for nettutvikling

6. Django


7. Laravel


8. ASP.Nett


9. Kolbe


10. Expressjs

Utgangen vil bevise at listeindeksen startet fra “VI”:

Etter å ha hatt detaljert kunnskap om HTML -bestilt liste, la oss gå videre og lære HTML uordnet liste.

HTML uordnet liste

Generelt brukt hvis det ikke er behov for å ordne dataene i noen spesifikk rekkefølge.

Tag vil bli brukt til å opprette den uordnede listen og inne på listen, vil elementene bli skrevet i
• stikkord.

  En uordnet liste viser dataene i forskjellige formater som firkant, sirkel osv. Som standard viser det “listeelementene” i bulletform, men det kan endres ved hjelp av det "type" Egenskap.

  Eksempel

  Det bellow-given eksemplet vil lage to uordnede liste, og i den første listen er det ingen nevnt type, så det vil gi resultatet i Bulleted Form. I den andre listen er imidlertid type attributtet satt til firkantet, og som et resultat vil listeelementene bli initiert med torget:

  
  
  
  
  
  

  Liste over rammer for nettutvikling

  
  
  
  
  • Django
  
  
  • Laravel
  
  
  
  
  
  
  • ASP.Nett
  
  
  • Kolbe
  
  
  • Expressjs
  
  
  
  
  

  Utgangen fra kodebit over ovenfor vil gå slik:

  HTML BESKRIVELSE -liste

  Det er også kjent som definisjonslisten. Det brukes til å beskrive/definere listenes elementer. Det er tre typer tagger som brukes i beskrivelseslisten

  stikkord,

  Tag, og

  stikkord.

  • Tag representerer beskrivelsesliste,

  • Tag representerer databetingelser,
  • Tag representerer datadefinisjon.

  Eksempel

  Undergitt kode vil implementere beskrivelseslistene for å bestemme de to databetingelsene med deres definisjon:

  
  
  
  
  
  

  Liste over rammer for nettutvikling

  
  

  
  

  Django

  
  

  Rammeverk for Python

  
  

  Laravel

  
  

  Ramme for PHP

  
  

  
  
  

  Utgangen vil være slik:

  Nestede lister

  HTML støtter konseptet med den nestede listen som betyr at den ene listen kan opprettes i den andre listen.

  Eksempel

  I dette eksemplet vil vi legge inn en uordnet liste i den bestilte listen:

  
  
  
  
  
  

  Liste over rammer for nettutvikling

  
  

  
  
  1. Rammeverk for Python
     
     
     
     • Django
     
     
     • Kolbe
     
     
     • Cherrypy
     
     
     
     
  
  
  2. Ramme for PHP
     
     
     
     • Laravel
     
     
     • Cakephp
     
     
     • Phalcon
     
     
     
     
  
  

  
  
  

  Utgangen til dette eksemplet vil være som følger:

  Konklusjon

  HTML viser gruppen forskjellige elementer i en liste. HTML tilbyr forskjellige tagger for å lage lister for eksempel

  ,
  , og

  Tagger brukes til å lage henholdsvis en bestilt, uordnet og beskrivende liste. Videre

  Tag bestemmer listeelementet,

  Tag bestemmer beskrivelsesbegrepet, mens

  skildrer definisjonen for en

  stikkord.

  Denne opplæringen forklarer hvordan du lager bestilte, uordnede, beskrivende og nestede lister. For bedre forståelse forklarte denne artikkelen hver liste ved hjelp av eksempler.