Luettelomerkeillä ja numeroidut luettelot HTML

On olemassa kahdenlaisia luetteloita, kielellä HTML: tilattu ja järjestämättömiä. Niiden luominen on lähes sama. Jopa tunnisteet eroavat yhden merkin. Voit myös luoda monitasoisia luetteloita, jotka voivat sisältää sekä numeroitu ja merkki.

Nämä luettelot voidaan muuttaa vapaasti. Kaikki riippuu mielikuvitus. Ensinnäkin pidämme standardin luettelot, kuten Word, ja sitten voimme parantaa niitä ja tehdä kaikista tunnustamista.

Numeroitu HTML lista

Neutraali määräsi HTML lista voidaan luoda käyttämällä seuraavia tunnisteita:

1. Ensimmäinen kohta lista

2. Toinen kohta lista

3. Kolmas kohta lista

   Yksinkertainen lista täällä näyttää

   Standardien, kunkin kohteen luettelossa on oltava sisällä avaaminen ja sulkeminen tag li. Mutta jos et laita sulkeva koodi, tulos on täsmälleen sama. Käsittelijän on erittäin taitava. Muuntamisen aikana luetteloon, hän analysoi aukon tageja. Jos hän näkee uuden

4. , sitten automaattisesti laittaa ne edessä .

   Siten, luettelot voidaan tehdä, kuten on esitetty alla.

   Mutta siitä näkökulmasta ammattilaisten on virheellinen.

   listoja

   Numeroimaton (tai merkkiaine) luettelot ovat täsmälleen samat, vain sijaan oli tag kirjoitettu ul.

   Vuonna listoja, ei numeroita tai kirjaimia - vain eri merkkejä, joita kutsutaan markkereita.

   Monitasoinen numeroitu lista HTML

   Monet ihmiset ovat kiinnostuneita tällaisen mahdollisuuden. Siksi on syytä huomata, että HTML numeroidun luettelon voi olla monitasoinen. Lisäkerroksia voivat olla samoja tai merkitty.

   Luoda luettelon, joka on määritetty edellä mainitussa esimerkissä, sinun täytyy kirjoittaa seuraava.

   Huomaa, että tämä koodi, toisin kuin ensimmäisessä esimerkissä, lisätty attribuuttityyppi. Hänen ansiostaan voit määrittää tyypin lajittelu sekä numeroitu ja merkitsin luetteloihin.

   Sillä numeroitu eritellä aakkosten tai numeroita, ja muissa tapauksissa - tyyppi merkki.

   lajitteluvaihtoehdot lista

   Jos käytät HTML-tunnisteen, numeroidut luettelot voi olla haluamallasi tavalla.

   Voit määrittää tyyppiattribuutilla mikä tahansa arvo taulukosta. Tai luokkamuodossa CSS määrittää list-style-type kanssa halutun lajittelutyyppi.

   Käännös arvoista on melko yksinkertainen. Tarpeeksi perustiedot Englanti. Mutta vaikka et voi kääntää sanan "ympyrä", "kulmikkaita", ja niin edelleen. N., voit visuaalisesti nähdä mikä on tulos, kun määrittää nämä arvot määrite tyyppiä.

   Saat numeroidut luettelot, sinun täytyy käyttää seuraavia vaihtoehtoja:

   • 1 - arabialaisin numeroin;
   • A - isoja kirjaimia ;
   • a - pienet kirjaimet;
   • I - isoiksi roomalaisin numeroin;
   • I - pienet roomalaiset numerot.

   Oletuksena luettelossa on aina käytettävä arabialaisia numeroita. Eli jos et anna mitään, se vastaa type = "1".

   Lisäksi, numeroidut luettelot voidaan aloittaa milloin tahansa haluttuun asentoon. Oletus - tekemisestä 1. Mutta jos haluat voit jopa aloittaa sata. Voit tehdä tämän, sinun täytyy määrittää alusta attribuutin mitään arvoa.

   Lisäksi voidaan todeta, päinvastaisessa järjestyksessä. Voit tehdä tämän, kirjoittaa päinvastainen.

   Making luettelot

   Numeroitu HTML lista voidaan järjestää niin kauniisti, että et voi heti arvata, että tämä on tavallista luettelosta, eikä kuva tehty Photoshop.

   Täällä ovat kauniita esimerkkejä listoja.

   Kuten voidaan nähdä esimerkiksi, on mahdollista muuttaa ulkonäköä ja numerointi elementtien itse.

   Voit luoda säännöllisen listan näin.

   CSS tyylejä sinun täytyy määrittää suunnittelu ol tunnisteen. On huomattava, että tässä tapauksessa asetukset otetaan käyttöön kaikki luettelot kaikki sivustot, jotka käyttävät tätä tyyliä tiedostoa.

   Tarkastellaan aluksi suoritusmuotoa, jossa on pyöreä tarkistaa lista. Paluu koodiluettelo. On Set luokan pyöristetyn lista. Siinä se tällä luokan tarvitse korjailla, jotta tällaisen kauneuden. Soita luokan teitä kuin haluat.

   Nyt harkita neliötä.

   Tyylit ovat hyvin samankaltaisia. Erona on, että ensimmäisessä tapauksessa on pyöristys elementin CSS vaihtoehtoja.

   selaimen tuki

   On tärkeää ymmärtää, että kaikki selaimet eivät tue CSS ominaisuuksia.

   Esimerkiksi haluat tehdä numeroidun listan keskellä. HTML-koodi on sama, mutta tulos vanhemmissa selaimissa voi olla aivan erilainen.

   Sama koskee suunnitteluun numeroinnin.

   Kuten näette, neliöt ympärille numerot vanhemmissa versioissa IE ei näy, koska käsittelijä ei tiedä uusia määritteitä, joiden avulla voit tehdä tällaista rekisteröintiä.

   Professional koodaaja on ennakoitava ja ymmärtää, että kaikki käyttäjät eivät käytä nykyaikaisia tietokoneita. Ei kaikki asennetut Windows 7, 8, 10. On prosenttiosuus käyttäjistä, jotka vielä istuu Windows XP ja käyttää vanhaa versiota Internet Explorer.

   Pääsääntöisesti lähes kaikki moderni design parantaa elementtejä ei tueta. Käyttäjä tuntee, että hän ei toimi suunnitteluun sivuston. Että kaikki muutti pois. Elementit ovat liian tiheässä. Tämän välttämiseksi sinun täytyy laskea kaikki vaihtoehdot.

   Jotkut ylläpitäjät ovat sormiensa heille koska niiden osuus on tällä hetkellä markkinoilla on yhä vähemmän. Mutta ammattikäyttöön arvostaa jokaisen kävijän, varsinkin jos se on kaupallinen sivusto.

   Tee jotain sopii kaikille tai pitävät kaikkia vaihtoehtoja selaimen.