Praktické příklady

Rozvržení stránky prvky div
Rozvržení stránky mřížkou
Webový formulář můj

IKT - tvorba webových stránek

Základy

Co je to webová stránka

Webová stránka je informační dokument, který se zobrazuje v aplikaci webový klient (Firefox, Chrome, Opera, Explorer, elinks, ...). Webové stránky spravuje webový server (apache, iis, ...) umístěný na nějaké adrese v Internetu a tyto stránky odesílá klientům, poté, co o ně požádají.

Struktura HTML dokumentu

Úkol: svými slovy popsat, jaká je struktura html dokumentu.

style="display:none;">HTML dokument se skládá z hlavičky a těla. Hlavička je uzavřena tagem <head> a obsahuje různé informace o stránce. Obsah stránky je umístěn v těle (párový tag <body>) a je rozdělen na odstavce textu (<p>) uvozené nadpisy. Nadpisů může být až 6 úrovní. Nadpis nejvyšší úrovně je uzavřen párovým tagem <h1>, podnadpisy <h2>, atd...

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

značka (Ne)Párová význam
<html> P ohraničuje celý HTML dokument
<head> P hlavička
<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ý html dokument
head     párová     hlavička
br     nepárová     odřádkování  
=================================================

Odkazy

Co je to odkaz

Tady svými slovy ...

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na jeden článek na seznam.cz
Odkaz na pokusný dokument (je ve stejné složce).
Odkaz na dlooouhý dokument.
Odkaz na 2.kapitola