Minule jsme se zabývali vytvořením neuspořádaného seznamu s grafickými odrážkami. Dnes pokračujeme tím, že vytvoříme uspořádaný seznam, samozřejmě s návazností na styly.
Otevřeme si nyní pomocí HTML editoru Yugie rozpracovaný soubor nabidka.html, ve kterém jsme minule vytvořili seznam s grafickými odrážkami.
Konec tohoto seznamu je uzavřen značkou </ul>. Na další řádek pod tuto značku zapíšeme text: Typy kurzů. Označíme jej a zformátujeme jako nadpis 2. úrovně - tedy pomocí ikony s číslicí 2.
Pod tento nadpis vypíšeme na samostatné řádky tyto texty:
Skupinové dopolední veřejné kurzy
Uzavřené firemní kurzy v naší učebně
Firemní kurzy na pracovišti zákazníka
Individuální konzultace
Všechny texty označíme a v okně programu přepneme na záložku Seznamy a výčty, kde použijeme označenou ikonu:
Do textu byl vložen zdrojový kód uspořádaného seznamu - tedy značky <ol>, které vymezují celý seznam a značky <li> pro jeho jednotlivé položky. Po ruční úpravě struktury tedy obdržíme takovýto kód:
Vidíme, že se příliš neliší od kódu neuspořádaného seznamu, který jsme vytvořili minule. U značky <ol> je připojen parametr type="1". Tento parametr určuje,…
