dnes je 26.11.2022

Input:

WWW stránky prakticky - 14. část

9.8.2007, , Zdroj: Verlag Dashöfer

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,

Nahrávám...
Nahrávám...