Praktické příklady

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

2.ročník IKT - tvorba webových stránek

Podnadpis

Co je to webová stránka

Webová stránka je v informatice označení pro soubor dat zobrazovaný uživateli webovým prohlížečem. Webové stránky jsou součástí celosvětového WWW (laicky označovaného jako internet, i když WWW je jen jedna ze služeb dostupných na internetu) ve formě hypertextu.

Struktura HTML dokumentu

Zkratka HTML znamená Hypertext Markup Language. Je používán pro tvorbu webových stránek. HTML je hlavním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů na Internetu. Vyvinul ze SGML (standard generalized markup language) a stal se používaným jazykem pro tvorbu w. stránek. Každý HTML soubor obsahuje několik základních tagů (zkratek) hlavičky a těla. Díky tomu se pozná, o co v dokumentu jde. Například, html označuje začátek dokumentu, head označuje hlavičku stránky, atd... Dole v tabulce je to vypsaný. Má několik verzí, a od roku 2001 byl několikrát aktualizován. Základní struktura webové stránky je:

!DOCTYPE html

Význam HTML značek

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

značka (ne)párová význam
<html> P ohraničuje html dokument
<head> P hlava dokumentu
<body> P tělo dokumentu
<p> P odstavec
<br> N tvrdé odřádkování

Pokud potřebujeme uspořádat text do řádku a sloupců, můžeme použít HTML tabulku - viz. výše. Jiný způsob uspořádání textu je tzv. "předformátováný text":

značka              význam
-------------------------------------------------------
<html>    párová   ohraničuje html dokument
<head>    párová   hlavička dokumentu
<body>    párová   tělo dokumentu
-------------------------------------------------------

Odkazy

Jak se dělá odkaz

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na jeden článek na seznamu.
Odkaz na pokusný dokument (je ve stejné složce)
Odkaz na pokusný dloooouuuhý dokument
Odkaz na první kapitolu dloooooouhého dokumentu
Odkaz na poslední kapitolu dloooooouhého dokumentu
Tento dokument se otevře v novém okně/nové kartě
Tento dokument se otevře v novém okně jménem "Dveře"
Tento dokument se otevře v novém okně/nové kartě
Tento dokument se otevře v novém okně jménem "Dveře"

Obrázky

Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Nullam faucibus mi quis velit. Nulla non lectus sed nisl molestie malesuada. Nullam sit amet magna in magna gravida vehicula. Etiam bibendum elit eget erat. In dapibus augue non sapien. Pellentesque sapien. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Fusce suscipit libero eget elit. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Aliquam erat volutpat. Nulla pulvinar eleifend sem. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Phasellus rhoncus.

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. Nulla est. Ut tempus purus at lorem. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Cras elementum. Nunc dapibus tortor vel mi dapibus sollicitudin. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Integer pellentesque quam vel velit. Nulla est. Vivamus ac leo pretium faucibus. In rutrum. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor.

Mauris tincidunt sem sed arcu. Praesent id justo in neque elementum ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis condimentum augue id magna semper rutrum. Duis viverra diam non justo. Duis condimentum augue id magna semper rutrum. 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. Etiam dictum tincidunt diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean id metus id velit ullamcorper pulvinar. Mauris elementum mauris vitae tortor. Curabitur sagittis hendrerit ante. Nam quis nulla. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Integer pellentesque quam vel velit. Aenean fermentum risus id tortor. Fusce wisi.