K.Ullmannová - IKT - 2.ročník

K.Ullmannová - IKT - 2.ročník


říjen 2019

struktura html dokumentu

Strutura html dokumentu snadno zjistíme zobrazením zdrojového kódu nějaké jednoduché html stránky

význam něterých zkratek

význam některých html značek + tabulka

značka P/N význam
<html> P vymezuje celý html dokument
<h1> P nadpis nejvyšší úrovně
<br> N tvrdý konec řádku
<p> P odstavec textu
<hr> N horizontální čára

listopad 2019

odkazy na webové stránce

toto je odkaz na soubor ve stejném adresáři

toto je odkaz na soubor v jiném adresáři

toto je odkaz na úvodní stránku webového serveru

toto je odkaz na mého souseda

toto je odkaz na mimoškolní server

toto je odkaz na mimoškolní server

obrázky na webové stránce

tady je obrázek: A je to!!


prosinec 2019

ůvod do kaskádových stylů (CSS)

Pomocí kaskádových stylů se definukevzhled html dokumentu.

bloky a formmátování textu

Blok je obdélníková část stránky s nějakým obsahem.
Blok je ohraničen rámečkem (border), obsah bloku je od rámečku odsazen (padding), blok je od rodičovského bloku oddělen okrajem (margin).

Rozměry blou lze určit vlastnostmi width (šířka) a height (výška).

Řádkové prvky (a, stong, em, b, u) vlastnosti width a height nemají. Jejich rozměry jsou určeny velikostí písma. Lze převést řádkový prvek na blokový a naopak- vlastnost display (=block, =inline)

Procvičíme si na pokusném souboru.


leden 2020

css a obrázky

Klíčem ke správnému zobrazení obrázků je nastavení css vlastnosti float. Vyzkoušíme na dalším pousném souboru.

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

Třída umožńuje odlišit os sebe stejné prvky na webové stránce. Viz. příklad


únor 2020

obecný blokový/řádkový prvek, pozicování

obecný blokkový prvek = div - příklad použití - pozicování
obecný řádkový prvek = span - příklad použití