D.Drudík: IKT 2.ročník


říjen 2019

struktura html dokumentu

Strukturu html nejlépe zjistím tak, že si prohlídnu zdrojový html text nějaké jednoduché stránky.


význam některých zkratek


význam html značek + tabulka

značka P/Nvýznam
<html> P ohraničuje html dokument
<h1> P nadpis nejvyšší úrovně
<p> P odstavec
<br> N tvrdé odřádkování

<html>  P   ohraničuje html dokument
<h1>  P   nadpis nejvyšší úrovně
<p>  P   odstavec
<br>  N   tvrdé odřádkování


listopad 2019

odkazy na webové stránce

toto je odkaz na html stránku, která je ve stejném adresáři jako tato aktuální

toto je odkaz na html stránku, která je v jiném adresáři

toto hopsinková šťáva

totoPěchyqueen XXX je zde

toto je lipavička

toto je odkaz na nějakou stránku v Internetu.

článek o táborské zoo uveřejněný v Táborském deníku


obrázky na webové stránce

Tady je slibovaný obrázek: hehe mehe

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nulla. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Vestibulum fermentum tortor id mi. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Pellentesque pretium lectus id turpis. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Maecenas sollicitudin. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Morbi scelerisque luctus velit. Proin in tellus sit amet nibh dignissim sagittis. Fusce tellus. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu.

prosinec 2019

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

kaskádové styly definují vzhled dokumentu.

bloky

Blok je obdélníková část stránky s nějakým obsahem. Blok má rámeček (border), který se implicitně nezobrazuje. Od okolí odděluje blok okraj (margin). Obsah bloku je od rámečku odsazen (padding).
Bloky si ještě jednou procvičíme na pokusném souboru.


leden 2020

css a obrázky

Ke správnému zařazení obrázku do html stránky je nejvhodnější upravit vlastnost float viz.příklad

únor 2020

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

Třída umožňuje navzájem odlišit stejné prvky. Viz.příklad

Obecný blokový/řádkový prvek

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