IKT 2.ročník

10/2019

Struktura html dokumentu

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Nullam rhoncus aliquam metus. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Nam sed tellus id magna elementum tincidunt. Fusce tellus. In dapibus augue non sapien. Nam quis nulla. Nullam dapibus fermentum ipsum. Aenean vel massa quis mauris vehicula lacinia. Morbi scelerisque luctus velit. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Pellentesque ipsum. Nam quis nulla.

Etiam commodo dui eget wisi. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Phasellus rhoncus. Proin pede metus, vulputate nec, fermentum fringilla, vehicula vitae, justo. Fusce consectetuer risus a nunc. Pellentesque sapien. Quisque tincidunt scelerisque libero.

Et harum quidem rerum facilis est et expedita distinctio. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam dictum tincidunt diam. Etiam bibendum elit eget erat. Aenean placerat.


Význam některých zkratek


Význam některých html značek

značka P/N význam
<html> P ohraničuje html dokument
<h1> P nadpis 1.úrovně
<hr> N horizontální čára
<ul> P nečíslovaný seznam

11/2019

Odkazy

Toto je odkaz na stránku, která je uložena ve stejném adresáři jako tato, na kterou teď koukám.

Toto je odkaz na stránku, která je uložena v podadresáři pokusy.

Toto je odkaz na úvodní stránku aktuálního webového serveru.

Toto je odkaz na mojí úvodní stránku.

Toto je odkaz na úvodní stránku mého spolužáka.

Toto je odkaz na úvodní stránku jiného webového serveru.


Obrázky

Tady je obrázek: A je to!!!


12/2019

CSS - kaskádové styly - úvod

Kaskádové styly se používají na definování vzhledu html dokumentu.

bloky a formátování textu

Blok je obdélníková oblast stránky s nějakým obsahem. Obsah je ohraničen rámečkem (border), od rámečku je odsazen (padding), vně rámečku je okraj (margin).
Procvičíme ještě na pomocné stránce.

1/2020

css a obrázky

Viz. další pokusná stránka

třídy prvků, pseudotřídy, pseudoprvky

Pomocí tříd můžeme odlišit stejné prvky v dokumentu - viz.příklad

POZICE