Číslovaný a číslovaný seznam HTML

V jazyce HTML existují dva druhy 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 budeme zlepšovat a učinit mimo uznání.

Číslovaný seznam HTML

Pravidelně číslované Seznam HTML lze vytvořit pomocí následujících značek:

Jednoduché seznamy vypadají takto

Podle standardů musí být každá položka v seznamu umístěna uvnitř otvírací a zavírací značky li. 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ý

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

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

Seznamy s odrážkami

Seznamy s nečíslovanými (nebo značkovými) jsou vytvořeny přesně stejným způsobem, místo ul ol značky je zapsáno ul.

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

Víceúrovňový očí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 se na rozdíl od prvních příkladů přidává atribut typu. Díky tomu můžete zadat typ řazení 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.

Atribut typu můžete zadat 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é dopisy;
• a - malá písmena latinky;
• I - Římské kapitálové číslo;
• i - malé římské číslice.

Ve výchozím nastavení je seznam s Arabské číslice. To znamená, že pokud jste nic neurčili, odpovídá to 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.

Dále je možné 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 zvážit možnost s designem kulatého seznamu. Vraťte se na kód seznamu. K dispozici je třída zaokrouhleného seznamu. To je s touhle třídou, kterou potřebujete k tomu, abyste udělali takovou krásu. 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í funkcí css.

Podpora prohlížeče

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

Chcete například vycentrovat číslovaný seznam. Kód HTML bude stejný, ale výsledek ve starších prohlížečích může být zcela odlišný.

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

Jak vidíte, čtverečky kolem čísel ve starších verzích prohlížeče IE 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 takřka všechna moderní vylepšení designu prvků nepodporují. Uživatel si bude myslet, že návrh stránek nefunguje vůbec. Že se všechno pohybuje. Prvky narazí do sebe. Abyste tomu zabránili, musíte vypočítat všechny možnosti.

Někteří webmasteři sami oči sledují, protože jejich podíl na současném trhu je stále menší a menší. Ale pro profesionálního každého návštěvníka je 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čů.