M.Štochl - IKT - 2.ročník

říjen 2019

struktura html dokumentu

Strukturou html dokumentu

Struktura html dokumentu snadno zjistíme zobrazením zdrojového kódu nejaké jednoduche html stránky.


význam některých zkratek


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

<html>  P  vymezuje celý html dokument
<hl>  P  nadpis nejvyšší úrovně
<br>  N  tvrdý konec řádku
<p>  P  odstavec textu
<hr>  N  horizontálí čára

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 webove strance

toto je odkaz na soubor ve stejném adresaři

toto je odkaz na soubor ve stejném adresaři

toto je odkaz na soubor ve stejném adresaři

toto je odkaz na soubor ve stejném adresaři

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

toto je odkaz na soubor webového prohlížeče

obrazky na webove strance

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


prosinec 2019

uvod do kaskádových stylů

Pomocí kaskadových stylů se definuje vzhled html dokumentu


bloky

Blok je obdelnikova cast stranky s nejakym obsahem.
Blok je ohraničen rámečkem (border), obsah bloku je od rámečku odsazen (padding), blok je od rodičovskeho bloku oddělen okrajem (margin),

Rozměry bloku lze určit vlastnostmi width(šířka)a height(výška) 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 pokusném souboru.

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

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

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