Číslovaný a číslovaný seznam HTML

V jazyce HTML existují dva typy seznamů: číslované a nečíslované. Jejich tvorba je téměř stejná. Dokonce i značky se liší podle jednoho znaku. Můžete také vytvořit víceúrovňové seznamy, které mohou obsahovat jak očíslované, tak seznamy značek.

Tyto seznamy lze převést, jak chcete. Vše závisí na vaší představivosti. Nejprve se podíváme na standardní seznamy, stejně jako v editoru Word, a pak je zlepšíme a učiníme mimo uznání.

Číslovaný seznam HTML

Zvyklý očíslovaný seznam HTML lze vytvořit pomocí následujících značek:

1. První položka v seznamu

2. Druhá položka v seznamu

3. Třetí položka v seznamu

   Jednoduché seznamy vypadají takto

   Podle standardů musí být každá položka v seznamu uvnitř značky otevírání a zavírání. Pokud však neuzavřete uzavírací značku, výsledek bude přesně stejný. Procesor je velmi chytrý. Během převodu seznamu analyzuje počáteční značky. Pokud vidí nový

4. , automaticky předkládá před ním.

   Seznamy lze tak provést, jak je uvedeno níže.

   Ale z pohledu profesionálů to je nesprávné.

   Seznamy s odrážkami

   Neurčené (nebo značkovací) seznamy jsou vytvořeny přesně stejným způsobem, místo ul ol tagu je zapsána ul.

   V seznamu s odrážkami nejsou žádná čísla nebo písmena - pouze různé symboly, které se nazývají značky.

   Víceúrovňový číslovaný seznam HTML

   Mnoho uživatelů o tuto možnost zajímá. Proto je třeba poznamenat, že jakýkoli číslovaný seznam HTML může být vytvořen na více úrovních. Další úrovně mohou být stejné nebo označené.

   Chcete-li vytvořit seznam uvedený v příkladu výše, musíte napsat následující.

   Všimněte si, že v tomto kódu je na rozdíl od prvních příkladů přidán atribut typu. Díky tomu můžete zadat typ třídění jak pro číslované, tak pro seznamy značek.

   V případě číslování označujeme abecedu nebo typ číslic a pro jiné případy - typ značky.

   Seznamte možnosti řazení

   Používáte-li speciální značku HTML, číslovaný seznam může být cokoli chcete.

   Můžete zadat atribut typu s libovolnou hodnotou z tabulky. Nebo ve třídě css styl, zadejte typ stylu seznamu s požadovaným typem řazení.

   Překlad hodnot je poměrně jednoduchý. Dostatek základních znalostí angličtiny. Ale i když nemůžete přeložit slova "kruh", "čtverec" atd., Můžete vizuálně pochopit, jaký bude výsledek při zadání těchto hodnot do atributu type.

   U očíslovaných seznamů je třeba použít následující možnosti:

   • 1 - arabské číslice;
   • A - kapitál latinských písmen ;
   • A - malá písmena latinky;
   • I - kapitál římské číslice;
   • I - malé římské číslice.

   Ve výchozím nastavení se vždy používá seznam Arabských číslic. To znamená, že pokud jste nic neuvedli, je to ekvivalentní typu = "1".

   Kromě toho lze číslované seznamy spustit z jakékoliv požadované pozice. Ve výchozím nastavení - výstup z 1. Ale pokud chcete, můžete začít s nejméně sto. Chcete-li to provést, musíte zadat atribut start s libovolnou hodnotou.

   Kromě toho lze to vyvodit v opačném pořadí. Chcete-li to provést, napište obráceně.

   Registrace seznamů

   Očíslovaný seznam HTML může být navržen tak krásně, že nemůžete okamžitě odhadnout, že se jedná o běžný seznam a nikoliv obrázek vytvořený ve Photoshopu.

   Zde jsou příklady krásných seznamů.

   Jak můžete vidět z příkladu, můžete změnit vzhled číslování a samotných prvků.

   Můžete vytvořit takový běžný seznam.

   Ve stylech css musíte zadat rozvržení ol tagů. Všimněte si, že v tomto případě budou nastavení použita na všechny seznamy celého webu, kde se používá tento stylový list.

   Nejprve zvažte možnost s kruhovým vzorem seznamu. Vraťte se do kódu seznamu. K dispozici je třída zaokrouhleného seznamu. To je s touhle třídou, kterou potřebujete k tomu, aby se taková krása. Můžete pojmenovat třídu, jak se vám líbí.

   Nyní zvažte čtvercový design.

   Styly jsou velmi podobné. Rozdíl je v tom, že v prvním případě je prvek zaokrouhlen pomocí schopností css.

   Podpora prohlížeče

   Je důležité pochopit, že ne všechny prohlížeče podporují všechny atributy css.

   Například jste chtěli vytvořit očíslovaný seznam na střed. Kód HTML bude stejný, ale výsledek ve starších prohlížečích může být zcela jiný.

   Totéž platí pro registraci číslování.

   Jak vidíte, čtverečky kolem čísel ve starších verzích prohlížeče IE prohlížeče se neobjevily, protože psovoda nezná nové atributy, které to umožňují.

   Profesionální webový návrhář by měl předvídat a pochopit, že ne všichni uživatelé používají moderní počítače. Ne každý má Windows 7, 8, 10. Je zde procento uživatelů, kteří stále sedí ve Windows XP a používají starší verze prohlížeče Internet Explorer.

   Zpravidla se téměř všechny moderní vylepšení designu prvků nepodporují. Uživatel bude mít pocit, že návrh stránky nefunguje vůbec. Že se všechno pohybuje. Prvky se vzájemně spouštějí. Chcete-li tomu zabránit, musíte vypočítat všechny možnosti.

   Někteří webmasteři se k nim zavřou oči, protože jejich podíl na současném trhu je stále menší a menší. Ale pro profesionály je každý návštěvník důležitý, zejména pokud je to komerční místo.

   Proveďte něco vhodného pro všechny nebo zvažte všechny varianty prohlížečů.