Tvorba webových stránek

Základy

Co je to webová stránka

Webová stránka je ...
... slouží jako zdroj informací ... informační prostředek ... je textový soubor zobrazovaný prohlížečem ... JAKÝM?
... je dokument s odkazy na jiné servery ... ... informace, ke kterým mají ostatní přístup Jméno Příjmení ... soubor informací ... dokument s informacemi ... vytvořen pomocí HTML jazyka ... má za úkol upoutat
Webová stránka je dokument přístupný přes Internet, který je napsaný v HTML jazyce a může obsahovat text, obrázky, videa a interaktivní prvky.

Struktura html dokumentu

... ÚKOL 2.10.2024 15m. ...
Maecenas aliquet accumsan leo. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Nam quis nulla. Integer lacinia. Aliquam erat volutpat. Integer vulputate sem a nibh rutrum consequat. Sed convallis magna eu sem.

Význam některých html značek (+ ukázka float,clear)

značka P/N  význam
------------------
head    P   ohraničuje hlavičku html stránky
body    P   tělo stránky
h1      P   hlavní nadpis
p       P   odstavec textu
br      N   odřádkování
hr      N   vodorovná čára

Odkazy

Jak se dělá odkaz

... Úkol 6.11.2024 20m. ...
Nunc tincidunt ante vitae massa. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam dictum tincidunt diam. 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. Nam quis nulla.

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na jeden článek na sport.cz
Odkaz na pokusný dokument, který je ve stejné složce jako tento
Odkaz na pokusný dlooooooooouhý dokument.
Odkaz na 1.kapitolu dlouhého dokumentu
Odkaz na 15.kapitolu dlouhého dokumentu
Odkaz na obrázek, odkaz na pdf dokument, odkaz na instalační soubor
Tento odkaz se otevře v novém okně prohlížeče
Tyto odkazy: obr1 obr2 obr3 se otevřou v okně s názvem culibrk.
Rozvržení webové stránky pomocí bloků div - dokument3.html

Obrázky

Jak vložit obrázek

... Úkol 18.12.2024 20m. ...
Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Integer imperdiet lectus quis justo. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.

Příklady

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Et harum quidem rerum facilis est et expedita distinctio. Etiam quis quam. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Etiam quis quam. Etiam egestas wisi a erat. Suspendisse sagittis ultrices augue. Pellentesque ipsum. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Integer lacinia. Pellentesque ipsum. Aliquam erat volutpat. Nulla non arcu lacinia neque faucibus fringilla. Pellentesque pretium lectus id turpis. Etiam posuere lacus quis dolor. Pellentesque ipsum. Nulla est. Nulla non lectus sed nisl molestie malesuada.

Phasellus et lorem id felis nonummy placerat. Vivamus luctus egestas leo. 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. Pellentesque ipsum. Maecenas lorem. Etiam dictum tincidunt diam. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit.

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. Pellentesque ipsum. Maecenas lorem. Etiam dictum tincidunt diam. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit.

Maecenas aliquet accumsan leo. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Nam quis nulla. Integer lacinia. Aliquam erat volutpat. Integer vulputate sem a nibh rutrum consequat. Sed convallis magna eu sem.