IKT 2.ročník

říjen 2019

struktura html dokumentu

Struktru html dokumentu zjistime prohlidku html kodu jednoduche webove stranky.


význam html tagů (znače)

<html>  P  vymezuje celý html dokument
<h1>  P  nadpis nejvyšší úrovně
<hr>  N  horizonální čára

tag P/N význam
<html> P vymezuje celý html dokument
<h1> P nadpis nejvyšší úrovně
<hr> N horizonální čára

vyznam nekterych zkratek


odkazy na webove strance

toto je odkaz na stranku, ktera je ve stenem adresari

toto je odkaz na stranku, ktera je ve stenem adresari

toto je odkaz na uvodni stranku aktualniho weboveho servru

toto je odkaz na uvodni stranku meho spoluzaka

Ahoj...


Listopad 2019

SUPER

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean placerat. 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. Aliquam ornare wisi eu metus. Vivamus ac leo pretium faucibus. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Etiam egestas wisi a erat. Nullam rhoncus aliquam metus. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Et harum quidem rerum facilis est et expedita distinctio. Suspendisse sagittis ultrices augue. Nulla est. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci.


prosinec 2019

úvod do kaskádových styů (CCS)

bloky a formátování textu

Blok je obdélníková část dokumentu s nějakým obsahem. Blok má rámeček (border), který se implicitně nezobrazuje, od sousedního bloku je oddělen okrajem (margin), obsah bloku je od rámečku odsazen (padding).
Procvičíme ještě na pokusném souboru.

Blokovému prvku můžeme nastavit rozměry vlastnostmi width, height. Rozměry řádkových prvků (a,em,strong,b,u) jsou dány velikostí a typem písma. Blokový prvek lze převést na řádkový a naopak - vlastností display.


leden 2020

css a obrázky

Pro správné uložení obrázku do dokumentu je nejlépe upravit vlastnosti float. Opět vyzkošíme na cvičném souboru

únor 2020

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

Třída umožňuje od sebe odlišit stejné prvky - viz. příklad.