Luettelot ovat yksi tärkeistä tavoista esittää tietoja, joissa kukin tietue näytetään yhdellä rivillä. On olemassa useita tapoja esittää tietoja luettelossa, esimerkiksi järjestetyllä tavalla tai järjestämättömällä tavalla. Käsittelen seuraavia aiheita tässä luettelossa artikla:
- Luettelotyypit HTML-muodossa
- Järjestämätön HTML-luettelo
- Järjestetty HTML-luettelo
- HTML-kuvausluettelot
- Sisäkkäinen luettelo HTML-muodossa
Luettelotyypit HTML-muodossa
Ennen kuin aloitamme luettelon luomisen, tarkastellaan ensin HTML-tunnisteita:
-
-
- Käytetään luettelokohteen määrittelemiseen
-
- Käytetään määritellä termi kuvausluettelossa
- Käytetään kuvaamaan termiä kuvausluettelossa
Ymmärretään, miten voit luoda erilaisia luetteloita HTML-muodossa.
Järjestämätön luettelo
Määritä järjestämätön luettelo käytetyssä HTML-muodossa
- ja määritämme sitten luettelon kohteista tag. Oletusarvoisesti luettelo tuotteista on merkitty luettelomerkkeillä (eli pienillä mustilla ympyröillä).
Urheilu
- Kriketti
- Jalkapallo
- Baseball
Tuotos:
Järjestämätön HTML-luettelo: Erilaiset tuotemerkit
Voit valita merkintäluettelosta käyttämällä CSS-luettelotyylityyppistä ominaisuutta. Tarkastellaan erilaisia CSS-luettelotyyppisiä ominaisuuksia, joiden avulla voit määrittää erilaisten merkkien tyylin:
- levy : Asettaa luettelokohteen merkinnän luettelomerkiksi
- ympyrä : Asettaa luettelokohteen merkinnän ympyräksi
- neliö- : Asettaa luettelokohteen merkinnän neliöksi
- ei mitään : Luettelokohteita ei merkitä
Levy:
Urheilu
- Kriketti
- Jalkapallo
- Baseball
Tuotos:
Ympyrä:
Urheilu
- Kriketti
- Jalkapallo
- Baseball
Tuotos:
Neliö:
Urheilu
- Kriketti
- Jalkapallo
- Baseball
Tuotos:
kuinka sekoittaa tietoja taulukkoon
Ei mitään:
Urheilu
- Kriketti
- Jalkapallo
- Baseball
Tuotos:
Kun ymmärrämme järjestämättömän luettelon luomisen HTML-muodossa, ymmärretään, miten tilattu luettelo luodaan HTML-muodossa.
Tilattu luettelo
Määritämme järjestetyn luettelon HTML-muodossa, jota käytämme ja määritämme sitten luettelon kohteista tag.
Oletusarvoisesti luettelo tuotteista on merkitty numeroilla.
Urheilu
- Kriketti
- Jalkapallo
- Baseball
Tuotos:
Katsotaan nyt joitain tilattujen luetteloiden muunnelmia.
Järjestetty HTML-luettelo - tyypin attribuutti
Tilatulle listalle on olemassa erilaisia tuotemerkkejä:
tyyppi = ”1” Luettelokohteet numeroidaan numeroilla (oletus)
tyyppi = ”A” Luettelon kohteet numeroidaan isoilla kirjaimilla
tyyppi = ”a” Luettelon kohteet numeroidaan pienillä kirjaimilla
tyyppi = ”I” Luettelon kohteet numeroidaan isoilla latinalaisilla numeroilla
tyyppi = ”i” Luettelon kohteet numeroidaan pienillä latinalaisilla numeroilla
Numerot:
Urheilu
- Kriketti
- Jalkapallo
- Baseball
Tuotos:
Isot kirjaimet:
Urheilu
- Kriketti
- Jalkapallo
- Baseball
Tuotos:
Pienet kirjaimet:
Urheilu
- Kriketti
- Jalkapallo
- Baseball
Tuotos:
Isot kirjaimet Roman Nu mber s:
Urheilu
- Kriketti
- Jalkapallo
- Baseball
Tuotos:
Pienet roomalaiset numerot:
Urheilu
- Kriketti
- Jalkapallo
- Baseball
Tuotos:
HTML-kuvausluettelot
Voit myös luoda kuvausluetteloita HTML-muodossa. Kuvausluetteloa käytetään termiluettelon luomiseen ja kuvauksen lisäämiseen niihin. Voit luoda kuvausluettelon
tag. tag määrittelee termin &
Urheilu
- Kriketti
- Kriketti on lepakko- ja pallopeli, jota pelataan kahden 11 pelaajan joukkueen välillä kentällä, jonka keskellä on 20 metrin kenttä, jossa molemmissa päissä on portti.
- Pöytätennis
- Pöytätennis, joka tunnetaan myös nimellä ping-pong, on urheilulaji, jossa kaksi tai neljä pelaajaa lyö kevyeen palloon edestakaisin pöydän yli pienillä mailoilla. Peli tapahtuu kovalla pöydällä jaettuna verkolla.
Tuotos:
Sisäkkäinen luettelo HTML-muodossa
Voit myös luoda sisäkkäisen luettelon HTML-muodossa.
mitä eroa javascriptin ja jqueryn välillä on
Urheilu
- Pöytätennis
- Kriketti
- Virat kohli
- Joe Root
Tuotos:
Nyt kun olet suorittanut yllä olevat katkelmat, olisit ymmärtänyt, kuinka luoda luetteloita HTML-muodossa. Toivon, että tämä blogi on informatiivinen ja lisäarvoa sinulle.
Katso meidän joka sisältää ohjaajan vetämän live-koulutuksen ja tosielämän projektikokemuksen. Tämä koulutus antaa sinulle taitoja työskennellä back-end- ja front-end-verkkoteknologioiden kanssa. Se sisältää koulutusta verkkokehityksestä, jQuerystä, Angularista, NodeJS: stä, ExpressJS: stä ja MongoDB: stä.
Onko sinulla kysymys meille? Mainitse se 'List in HTML' -blogin kommenttiosassa ja palaamme sinuun.