M. Šesták - IKT - FG2


říjen 2019

struktura html dokumentu

strukturuhtml dokumentu

Strukturu html snadno zjistíte zobrazením zdrojového kódu nějaké jednoduché html stránky.


listopad 2019

odkazy na webové stránce

toto je nevim co

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 úvodní stránku mého spolužáka

toto je odkaz na mimoškolní webovou stránku


prosinec 2019

úvod do kaskádových stylů


význam některých zkratek


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

<html>  P  vymezuje celý html dokument
<h1>  P  nadpis nejvyšší úrovně
<br>  P  tvrdý konec řádku
<p>  P  odstavec textu
<hr>  P  horizontální čá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

obrázky na webové stránce

tady je velmi NSFW obrázek: omegalul


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).
Procvičíme si na pokusném souboru.


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Fusce aliquam vestibulum ipsum. Aenean fermentum risus id tortor. Integer in sapien. Curabitur vitae diam non enim vestibulum interdum. Etiam dictum tincidunt diam. Vivamus ac leo pretium faucibus. Donec iaculis gravida nulla. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Quisque porta. Duis condimentum augue id magna semper rutrum.

Etiam neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer lacinia. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Curabitur bibendum justo non orci. Aliquam in lorem sit amet leo accumsan lacinia. Pellentesque ipsum. Fusce suscipit libero eget elit. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Etiam neque. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Integer imperdiet lectus quis justo. Nam quis nulla. Aenean placerat. Duis pulvinar.

Vestibulum fermentum tortor id mi. Integer vulputate sem a nibh rutrum consequat. Nunc dapibus tortor vel mi dapibus sollicitudin. In dapibus augue non sapien. Praesent id justo in neque elementum ultrices. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Fusce consectetuer risus a nunc. Curabitur vitae diam non enim vestibulum interdum. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Quisque tincidunt scelerisque libero. Nulla quis diam. Praesent in mauris eu tortor porttitor accumsan. Suspendisse sagittis ultrices augue. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Praesent vitae arcu tempor neque lacinia pretium. Nunc auctor. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit.

一れぜず特区勝ヱ味庫りど発26内ヘヌヲノ光季務とひち変載ぱき禁両ツモ絶帰闘トち先画ぱだち徳児テスホア常下ホクサ妨2突つ人暮ーはだ生木スほわイ択度す。市ク学強車こフ目人部いれスぎ峡能ひ酒屈隊ア晃地ニロア木。