Listele sunt una dintre modalitățile importante de a reprezenta date și informații în care fiecare înregistrare este afișată pe o singură linie. Există diferite moduri de reprezentare a datelor într-o listă, cum ar fi în mod ordonat sau într-o manieră neordonată. Voi acoperi următoarele subiecte din această listă în articol:
- Tipuri de liste în HTML
- Lista HTML neordonată
- Listă HTML comandată
- Liste de descriere HTML
- Listă imbricată în HTML
Tipuri de liste în HTML
Înainte de a începe să creăm o listă, să analizăm mai întâi etichetele HTML:
-
-
- Folosit pentru a defini un element de listă
-
- Folosit pentru a defini un termen dintr-o listă de descrieri
- Folosit pentru a descrie termenul într-o listă de descrieri
Să înțelegem cum puteți crea diferite tipuri de liste în HTML.
Lista neordonata
Pentru a defini o listă neordonată în HTML folosim
- tag și apoi definim lista de articole din etichetă. În mod implicit, lista articolelor este marcată cu gloanțe (adică mici cercuri negre).
Sport
- Cricket
- Fotbal
- Baseball
Ieșire:
Lista HTML neordonată: diferiți marcatori de articole
Puteți alege dintr-o listă de markeri utilizând proprietatea CSS list-style-type. Să vedem diferite proprietăți de tip listă-stil CSS pe care le puteți utiliza pentru a defini stilul diferit de markeri:
- disc : Setează marcatorul elementului de listă la glonț
- cerc : Setează marcatorul elementului de listă pe un cerc
- pătrat : Setează marcatorul elementului de listă pe un pătrat
- nici unul : Elementele listei nu vor fi marcate
Disc:
cum să opriți un program Java în cod
Sport
- Cricket
- Fotbal
- Baseball
Ieșire:
Cerc:
Sport
- Cricket
- Fotbal
- Baseball
Ieșire:
Pătrat:
Sport
- Cricket
- Fotbal
- Baseball
Ieșire:
Nici unul:
Sport
- Cricket
- Fotbal
- Baseball
Ieșire:
Acum, după ce am înțeles cum să creați o listă neordonată în HTML, să înțelegem cum să creați o listă ordonată în HTML.
Lista ordonata
Pentru a defini o listă ordonată în HTML folosim tag și apoi definim lista de articole din etichetă.
În mod implicit, lista de articole este marcată cu numere.
Sport
- Cricket
- Fotbal
- Baseball
Ieșire:
Să vedem acum câteva dintre variantele listelor ordonate.
Listă HTML comandată - Tastați atribut
Există diferite tipuri de marcatori de articole pentru o listă ordonată:
tip = '1' Elementele listei vor fi numerotate cu numere (implicit)
tastați „A” Elementele listei vor fi numerotate cu litere mari
tastați „a” Elementele listei vor fi numerotate cu litere mici
tastați „eu” Elementele listei vor fi numerotate cu numere majuscule romane
codul listei legate în c
tip = ”i” Elementele listei vor fi numerotate cu numere romane minuscule
Numere:
Sport
- Cricket
- Fotbal
- Baseball
Ieșire:
Litere mari:
Sport
- Cricket
- Fotbal
- Baseball
Ieșire:
Litere mici:
Sport
- Cricket
- Fotbal
- Baseball
Ieșire:
Uppercase Roman Nu mber s:
Sport
- Cricket
- Fotbal
- Baseball
Ieșire:
Numere romane minuscule:
Sport
- Cricket
- Fotbal
- Baseball
Ieșire:
Liste de descriere HTML
De asemenea, puteți crea liste de descrieri în HTML. O listă de descrieri este utilizată pentru a crea o listă de termeni și pentru a le adăuga o descriere. Creați o listă de descrieri folosind
etichetă. eticheta definește termenul &
Sport
- Cricket
- Cricketul este un joc cu bile și mingi jucat între două echipe formate din unsprezece jucători pe un teren în centrul căruia se află un pitch de 20 de metri cu un ghișeu la fiecare capăt, fiecare cuprinzând două garanții echilibrate pe trei butuci.
- Tenis de masa
- Tenisul de masă, cunoscut și sub numele de ping-pong, este un sport în care doi sau patru jucători lovesc o minge ușoară înainte și înapoi pe o masă folosind rachete mici. Jocul se desfășoară pe o masă tare împărțită de o plasă.
Ieșire:
Listă imbricată în HTML
De asemenea, puteți crea o listă imbricată în HTML.
cum să oprești un program în java
Sport
- Tenis de masa
- Cricket
- Virat kohli
- Joe Root
Ieșire:
Acum, după executarea fragmentelor de mai sus, ați fi înțeles cum să creați liste în HTML. Sper că acest blog vă este informativ și cu valoare adăugată.
Verificați-ne care vine cu instruire live condusă de instructor și experiență în viața reală a proiectului. Această instruire vă face să aveți abilități de a lucra cu tehnologii web back-end și front-end. Include cursuri de dezvoltare web, jQuery, Angular, NodeJS, ExpressJS și MongoDB.
Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii a blogului „Listare în HTML” și vă vom răspunde.