příklady

rozvržení stránky pomocí bloků div
rozvržení stránky pomocí mřížky
Můj webový formulář

IKT tvorba webových stránek

základy

co je to webová stránka

Webová stránka je soubor dat který je zobrazován uživateli na webových prohlížečích (Chrome, Firefox, Opera...).

struktura html dokumentu

Dokument tvoří tagy např. <head> nebo <body> Skládá se z hlavičky, která obsahuje informace o stránce, a z těla, ve kterým je umístěn obsah stránky..

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

<html>   párová   ohraničuje celý HTML dokument

<head>   párová   hlavička

<body>   párová   tělo

<p>   párová   odstavec

<html> P Ohraničuje celý HTML dokument
<head> P hlavička
<body> P tělo
<p> P odstavec
<br> N odřádkování
<hr> N Horizontální čára

Pokud chceme data uspořádat do řádků a sloupců, můžeme použít HTML tabulku (viz.výše). Jiný způsob uspořádání je tzv. "předformátovaný text":

značka                   význam
===========================================================
html       párová        ohraničuje celý dokument
head       párová        hlavička
br         nepárová      odřádkování
=========================================================== 

odkazy

co je to odkaz

Obsahuje název, popisek a adresu URL (např.: http://www.google.com), na kterou můžete kliknout a zobrazit si tak danou stránku, je to stručná informace o internetové stránce.

příklady odkazů

Odkaz na portál seznam.cz
Odkaz na portál seznam.cz
Odkaz na pokusný dokument pokusný dokument
Odkaz na pokusný dokument pokusný dokument
Odkaz na 19. kapitolu dlouhého dokumentu

Obrázky

Jak vložit obrázek

tady svými slovy vysvětlím...

Příklady obrázků

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu.

Nam quis nulla. Quisque porta. Pellentesque pretium lectus id turpis. Nullam dapibus fermentum ipsum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu.

Nam quis nulla. Quisque porta. Pellentesque pretium lectus id turpis. Nullam dapibus fermentum ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu.

Nam quis nulla. Quisque porta. Pellentesque pretium lectus id turpis. Nullam dapibus fermentum ipsum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu.

Nam quis nulla. Quisque porta. Pellentesque pretium lectus id turpis. Nullam dapibus fermentum ipsum.