Punkt og nummererte lister HTML

Det finnes to typer lister, i språket HTML: bestilt og unordered. Deres etableringen er nesten det samme. Selv tags variere fra ett tegn. Du kan også lage multi-level lister, som kan omfatte både nummerert og merket.

Disse listene kan konverteres på vilje. Det hele avhenger av din egen fantasi. Først vurderer vi de vanlige lister, for eksempel i Word, og da vil vi forbedre dem og gjøre ut av alle anerkjennelse.

Nummerert HTML liste

Nøytral beordret HTML liste kan lages ved hjelp av følgende koder:

1. Første punkt liste

2. Andre punkt liste

3. Den tredje elementet liste

   Enkel liste her se ut

   I henhold til standarder, må hvert element i listen være på innsiden av åpningen og lukkingen tag li. Men hvis du ikke setter den avsluttende koden, er resultatet akkurat det samme. Behandleren er veldig smart. Under konverteringen listen, analyserer han åpnings koder. Hvis han ser en ny

4. , deretter automatisk setter dem foran .

   Dermed kan listene gjøres som vist nedenfor.

   Men fra synspunkt av fagfolk er feil.

   punktlister

   Unummererte (eller markør) lister er akkurat det samme, bare i stedet for OL-koden skrevet ul.

   I punktlister, ingen tall eller bokstaver - bare forskjellige karakterer, som kalles markører.

   Multilevel nummerert liste HTML

   Mange er interessert i en slik mulighet. Derfor bør det bemerkes at noen HTML nummerert liste kan være flere nivåer. Ytterligere lag kan være det samme eller som er merket.

   Å lage en liste som er angitt i eksempelet ovenfor, må du skrive følgende.

   Merk at i denne koden, i motsetning til den første eksempelet har lagt attributtet type. Takket være ham, kan du angi hvilken type sortering for både nummerert og for markøren lister.

   For nummerert angi typen alfabetet eller tall, og for de resterende tilfellene - type markør.

   sorteringsalternativer liste

   Hvis du bruker en spesiell HTML-kode, kan nummererte lister være akkurat slik du vil.

   Du kan angi hvilken type attributt til en verdi fra bordet. Eller klasserom stil css spesifisere list-style-type med ønsket sorteringstype.

   Oversettelse av verdier er ganske enkel. Nok grunnleggende kunnskaper i engelsk. Men selv om du ikke kan oversette ordet "sirkel", "torget", og så videre. N., kan du visuelt se hva som er resultatet når du angir disse verdiene i egenskap av type.

   For nummererte lister, må du bruke følgende alternativer:

   • 1 - arabiske tall;
   • A - store bokstaver ;
   • en - små bokstaver;
   • I - store bokstaver romertall;
   • i - små romertall.

   Som standard er listen alltid brukes sammen med arabiske tall. Det vil si, hvis du ikke angir noe, er det tilsvarende type = "1".

   I tillegg kan nummererte lister starte på en hvilken som helst ønsket posisjon. Standard - avslutningen av 1. Men hvis du vil kan du selv starte med hundre. For å gjøre dette, må du angi starten attributt med noen verdi.

   I tillegg kan det konkluderes i motsatt rekkefølge. For å gjøre dette, skriver reversert.

   lage lister

   Nummerert HTML listen kan ordnes så vakkert at du ikke umiddelbart kan gjette at dette er den vanlige listen, og ikke et bilde laget i Photoshop.

   Her er vakre eksempler på lister.

   Som det fremgår av eksemplet, er det mulig å endre utseendet og nummerering av elementene selv.

   Du kan opprette en vanlig liste som dette.

   I CSS-stiler må du spesifisere design for ol tag. Merk at i dette tilfellet, vil innstillingene bli brukt på alle lister alle nettsteder som bruker denne stilen filen.

   Betrakt første utførelsesform med en sirkulær sjekkliste. Gå tilbake til kodelisten. Det er Set klasse avrundet-listen. Det er det med denne klassen behovet for å tinker, for å gjøre en slik skjønnhet. Ring klassen deg som du vil.

   Nå vurdere en firkantet design.

   Stilene er veldig like. Forskjellen er at i det første tilfellet er det en avrunding element gjennom css alternativer.

   nett~~POS=TRUNC leseren~~POS=HEADCOMP Support

   Det er viktig å forstå at ikke alle nettlesere støtter alle css attributter.

   For eksempel ønsker å lage en nummerert liste i midten. HTML-koden vil være den samme, men resultatet i eldre nettlesere kan være ganske annerledes.

   Det samme gjelder for utformingen av nummerering.

   Som du kan se, gjorde rutene rundt tallene i eldre versjoner av IE ikke vises, fordi føreren ikke kjenner de nye attributtene som tillater deg å gjøre en slik registrering.

   Profesjonell koder må forutse og forstå at ikke alle brukere bruke moderne datamaskiner. Ikke alle installerte Windows 7, 8, 10. Det er en andel av brukerne som fortsatt sitter på Windows XP og bruker en eldre versjon av Internet Explorer.

   Som regel til nesten alle moderne design forbedre sine elementer støttes ikke. Brukeren vil føle at han ikke fungerte på utformingen av området. At alle flyttet ut. Elementer oppå hverandre. For å unngå dette, må du telle alle alternativene.

   Noen webmastere er å snu det blinde øye til dem, fordi deres andel i markedet i dag blir mindre og mindre. Men for faglig verdsette hver besøkende, spesielt hvis det er et kommersielt nettsted.

   Gjør noe som passer for alle eller vurdere alle alternativer for leseren.