PGWE 1 Mgr Vlastislav Kuera seznamy citace horn

PGWE 1 Mgr. Vlastislav Kučera seznamy, citace, horní, dolní index, horizontální čára

Obsah přednášky � Seznamy � CSS – vlastnosti seznamů ◦ list-style-type, list-style-image, list-style-position � Citace � Horní a dolní index � Zkratky � Horizontální čára

Seznamy � 2 typy ◦ uspořádaný, neuspořádaný ◦ blokové, párové � uspořádaný: ◦ <ol></ol> � neuspořádaný: ◦ <ul></ul> � položky seznamu: ◦ <li></li> ◦ párové, každá položka seznamu se zobrazí na novém řádku � př. – priklad-seznamy. html

Vnořené seznamy lze vnořovat � lze kombinovat oba typy seznamů � vnořovaný seznam musí být obsažen v položce nadřazeného seznamu � př: � <ul> <li> <ol> <li> </li>. . . </ol> </li>. . . </ul> � př. – priklad-vnorene_seznamy. html

Vlastnost list-style-type � určuje vzhled odrážek položek seznamů � hodnoty ◦ disc, circle, square, decimal-leading-zero, ◦ lower-roman, upper-roman, lower-greek, loweralpha ◦ lower-latin, upper-latin, . . . � výchozí hodnota � význam hodnot ◦ disc ◦ př. seznamy. html

Vlastnost list-style-image � určí obrázek, který má sloužit jako odrážka položky seznamu � hodnoty ◦ none, <adresa>, inherit � výchozí hodnota � význam hodnot ◦ není ◦ none �pro vykreslení se nepoužije obrázek a odrážka je definovaná pomocí list-style-type ◦ <adresa> �jako odrážka se zobrazí obrázek ze zadané adresy � př. : seznam-image. html

Vlastnost list-style-position � určuje pozici boxu odrážky vzhledem k základnímu boxu položky seznamu � hodnoty ◦ inside, outside, inherit � výchozí hodnota � význam hodnot ◦ outside ◦ inside – box odrážky je 1. řádkovým boxem uvnitř základního boxu položky seznamu ◦ outside – box odrážky leží vně základního boxu položky seznamu � př. : seznamy-position. html

Citace � <blockquote></blockquote> ◦ párový, zobrazuje se na nové řádce ◦ delší citace, na více řádků ◦ parametr cite – píše se zde adresa citovaného zdroje � <q></q> ◦ párový ◦ kratší citace, např. uvnitř věty � <cite></cite> ◦ párový ◦ označení názvů uměleckých, hudebních děl, filmů, knih � př. – priklad-citace. html

Horní a dolní index � horní index ◦  �párový, řádkový � dolní index ◦  �párový, řádkový � př. – priklad-horni_dolni_index. html

Zkratky � zkratky: ◦ <abbr></abbr> ◦ párový ◦ parametr title �hodnota - vysvětlení zkratky � př. – priklad-zkratky. html

Horizontální čára � <hr> � nepárový � př. – priklad-cara. html