Felsorolásjeles és számozott listák HTML

Kétféle típusú listák nyelvén HTML: rendezett és rendezetlen. Az alkotás szinte ugyanaz. Még címkék különböznek egy karaktert. Ön is létrehozhat többszintű listák, ami magában foglalja mind számozott és a marker.

Ezek a listák lehet alakítani tetszés szerint. Minden attól függ, a fantáziádat. Először is vizsgáljuk meg a standard listák, például a Word, majd javítani fogjuk őket, és az összes elismerést.

Számozott lista HTML

Semleges rendezett HTML lista segítségével lehet létrehozni a következő címkéket:

1. Első elem lista

2. A második elem lista

3. A harmadik elem lista

   Egyszerű lista itt kinézni

   Szabványok szerinti, minden elem a listán belül kell lennie a nyitó és záró tag li. De ha nem teszed a záró címke, az eredmény pontosan ugyanaz. A felvezető nagyon okos. Az átalakítás során a listán, azt elemzi a nyitó tag. Ha meglát egy új

4. , akkor automatikusan hozza őket előtte .

   Így a listákat lehet tenni az alábbiak szerint.

   De a szempontból a szakemberek helytelen.

   felsorolások

   Számozatlan (vagy marker) listák pontosan ugyanaz, csak ahelyett, hogy az ol tag írásbeli ul.

   A felsorolások, nem számok vagy betűk - csak a különböző karakterek, amelyek úgynevezett markereket.

   A többszintű számozott lista HTML

   Sok embert érdekel egy ilyen lehetőség. Ezért meg kell jegyezni, hogy a HTML számozott lista lehet többszintű. További rétegek lehetnek azonosak vagy jelzett.

   Ahhoz, hogy hozzon létre egy listát, amely meg van adva a fenti példában, meg kell írni a következőket.

   Vegyük észre, hogy ez a kód, ellentétben az első példában, a hozzáadott attribútum típusát. Hála neki, akkor adja meg, milyen rendezési engedély számozott és a marker listákat.

   Számozott adja meg milyen ábécé vagy számokat, valamint az összes többi esetben - a fajta marker.

   rendezési lehetőségek listája

   Ha egy speciális HTML-tag, számozott listák lehet bármilyen kívánt módon.

   Megadhatja, hogy milyen típusú attribútumot minden értéket a táblázatban. Vagy osztályterem stílusban css adja meg a list-style-type a kívánt rendezési típus.

   Fordítása értékek igen egyszerű. Elég alap angol nyelvtudás. De még ha nem képes lefordítani a „kör”, „tér”, és így tovább. N., vizuálisan is, hogy mi az eredménye, ha megadod, ezeket az értékeket a tulajdonság a típus.

   Számozott listákhoz, akkor kell használni a következő lehetőségek közül:

   • 1 - arab számok;
   • A - nagybetűs betűk ;
   • a - kisbetűvel
   • I - nagybetűs római számok;
   • i - kisbetűs római számokkal.

   Alapértelmezésben a lista mindig használni arab számokkal. Azaz, ha nem adja meg semmit, ez felel meg a type = „1”.

   Ezen túlmenően, számozott listák indulhat bármilyen helyzetben. Alapértelmezett - megkötése 1. De ha azt szeretnénk, akkor is kezdeni egy száz. Ehhez meg kell adnia a start attribútum minden értékét.

   Ezen kívül azt a következtetést lehet levonni, fordított sorrendben. Ehhez levelet megfordult.

   hogy listákat

   Számozott lista HTML lehet elhelyezni úgy, szépen, hogy nem lehet azonnal kitalálni, hogy ez a szokásos lista, és nem egy kép készült Photoshop.

   Íme legszebb példája a listákat.

   Mint látható a példából, hogy lehet változtatni a megjelenését és számozását az elemek magukat.

   Létrehozhat egy szabályos ilyen lista.

   A css stílusokat meg kell adnia a design az ol tag. Figyeljük meg, hogy ebben az esetben a beállításokat fogja alkalmazni minden felsorolja az összes oldalak, amelyek használják ezt a stílust fájlt.

   Tekintsük először a kiviteli alakban egy köralakú ellenőrző listát. Vissza a kódlista. Van Set osztály lekerekített listán. Ennyi az ebbe az osztályba kell bütykölni, hogy ilyen szépséget. Hívjon az osztály akkor, ahogy szeretné.

   Most tekintsünk egy négyzet design.

   A stílus nagyon hasonló. A különbség az, hogy az első esetben van egy kerekítés elem segítségével css lehetőségeket.

   böngésző támogatása

   Fontos megérteni, hogy nem minden böngésző támogatja az összes CSS jellemzők.

   Például, ha szeretnénk, hogy egy számozott lista közepén. HTML-kód ugyanaz lesz, de az eredmény a régebbi böngészők is egészen más.

   Ugyanez vonatkozik a design számozás.

   Mint látható, a terek körül a számokat régebbi verziói IE nem jelenik meg, mert a felvezető nem tudja az új jellemzőket, amelyek lehetővé teszik, hogy egy ilyen bejegyzés.

   Szakmai coder kell előre, és megérteni, hogy nem minden felhasználó használja a modern számítógépek. Nem minden telepített Windows 7, 8, 10. Van egy százalékát a felhasználók, akik még mindig ül a Windows XP és használ egy régebbi verziójú Internet Explorer.

   Általános szabály, hogy szinte minden modern design, hogy javítsák az elemek nem támogatott. A felhasználó úgy érzi, hogy nem működik a design a helyén. Hogy minden elköltözött. Elemek csomózott össze. Ennek elkerülése érdekében meg kell számolni az összes lehetőséget.

   Néhány webmester elnéznek nekik, mert arányuk a piacon egyre kevesebb és kevesebb. De a szakmai értékelni minden látogató, különösen, ha ez egy kereskedelmi oldal.

   Tegyél valamit alkalmas minden vagy vizsgálni minden lehetőséget a böngésző.