Popisi su jedan od važnih načina predstavljanja podataka i informacija gdje se svaki zapis prikazuje u jednom retku. Postoje različiti načini predstavljanja podataka na popisu, na primjer na uređeni ili neuređeni način. Sljedeće teme na ovom popisu pokrivat ću u članak:
- Vrste popisa u HTML-u
- Neuređeni HTML popis
- Naručeni HTML popis
- HTML popisi opisa
- Ugnježđeni popis u HTML-u
Vrste popisa u HTML-u
Prije nego što započnemo s izradom popisa, pogledajmo prvo HTML oznake:
-
-
- Koristi se za definiranje stavke popisa
-
- Koristi se za definiranje pojma na popisu opisa
- Koristi se za opisivanje pojma na popisu opisa
Razumijemo kako možete stvoriti različite vrste popisa u HTML-u.
Neuređeni popis
Da bismo definirali neuređeni popis u HTML-u, koristimo ga
- i tada definiramo popis stavki u označiti. Prema zadanim postavkama, popis stavki označen je slovima (tj. Malim crnim krugovima).
tablica kako stvoriti skup
Sportski
- Kriket
- Nogomet
- Bejzbol
Izlaz:
Neuređeni HTML popis: različite oznake predmeta
Možete odabrati s popisa markera pomoću svojstva tipa stila popisa CSS. Pogledajmo različita svojstva tipa stila popisa CSS koja možete koristiti za definiranje različitog stila oznaka:
- diska : Postavlja oznaku stavke popisa na nabrajanje
- krug : Postavlja oznaku stavke popisa u krug
- kvadrat : Postavlja marker stavke popisa na kvadrat
- nijedna : Stavke na popisu neće biti označene
Disk:
Sportski
- Kriket
- Nogomet
- Bejzbol
Izlaz:
Krug:
Sportski
- Kriket
- Nogomet
- Bejzbol
Izlaz:
Kvadrat:
Sportski
- Kriket
- Nogomet
- Bejzbol
Izlaz:
Nijedno:
Sportski
- Kriket
- Nogomet
- Bejzbol
Izlaz:
Sada, nakon razumijevanja kako stvoriti neuređeni popis u HTML-u, shvatimo kako stvoriti poredani popis u HTML-u.
Poredani popis
tvrtke koje koriste r programski jezik
Da bismo definirali poredani popis u HTML-u, koristimo ga i tada definiramo popis stavki u označiti.
Prema zadanim postavkama, popis stavki označen je brojevima.
Sportski
- Kriket
- Nogomet
- Bejzbol
Izlaz:
Pogledajmo sada neke od varijanti poredanih popisa.
Naručeni HTML popis - Atribut tipa
Postoje različite vrste oznaka predmeta za poredani popis:
type = '1' Stavke popisa bit će numerirane brojevima (zadano)
vrsta = 'A' Stavke na popisu bit će numerirane velikim slovima
vrsta = 'a' Stavke na popisu bit će numerirane malim slovima
type = 'I' Stavke na popisu bit će numerirane velikim rimskim brojevima
type = 'i' Stavke popisa bit će numerirane malim rimskim brojevima
Brojevi:
Sportski
- Kriket
- Nogomet
- Bejzbol
Izlaz:
Velika slova:
Sportski
- Kriket
- Nogomet
- Bejzbol
Izlaz:
Mala slova:
Sportski
- Kriket
- Nogomet
- Bejzbol
Izlaz:
Veliko slovo Roman Nu mber s:
Sportski
- Kriket
- Nogomet
- Bejzbol
Izlaz:
Mali rimski brojevi:
Sportski
- Kriket
- Nogomet
- Bejzbol
Izlaz:
HTML popisi opisa
Također možete stvoriti popise opisa u HTML-u. Popis opisa koristi se za izradu popisa pojmova i dodavanje opisa njima. Popis opisa kreirate pomoću
označiti. oznaka definira pojam &
Sportski
- Kriket
- Kriket je igra palicom i loptom koju igraju dvije momčadi od jedanaest igrača na terenu u čijem se središtu nalazi 20-metarski teren s vratnicom na svakom kraju, a svaka sadrži dvije jamčevine uravnotežene na tri panja.
- Stolni tenis
- Stolni tenis, poznat i kao ping-pong, sport je u kojem dva ili četiri igrača malim reketima udaraju laganu loptu naprijed-natrag preko stola. Igra se odvija na tvrdom stolu podijeljenom mrežom.
Izlaz:
Ugnježđeni popis u HTML-u
Također možete stvoriti ugniježđeni popis u HTML-u.
apstraktna klasa i razlika u sučelju
Sportski
- Stolni tenis
- Kriket
- Virat kohli
- Joe Root
Izlaz:
Sada biste nakon izvršavanja gornjih isječaka razumjeli kako stvoriti popise u HTML-u. Nadam se da je ovaj blog informativan i da vam dodaje dodanu vrijednost.
Pogledajte naš koja dolazi s treningom uživo pod vodstvom instruktora i iskustvom u stvarnom životu. Ovaj trening čini vas vještima za rad s back-end i front-end web tehnologijama. Uključuje obuku o web razvoju, jQueryju, Angularu, NodeJS, ExpressJS i MongoDB.
Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare bloga 'Popis u HTML-u', a mi ćemo vam se javiti.