Sára Anna Havlíčková

Tvorba webových stránek

Úvod

Co je to webová stránka

to mi řekněte vy

Struktura HTML dokumentu

Celý html dokument začíná a končí tagem html. Po html následuje další tag head (=hlavička), tam se zobrazí jméno, nebo informace o dané stánce. Veškerý obsah stránky je uzavřen do párového tagu bodyzn. V něm se mohou nacházet nadpisy různých úrovní, odstavce s běžným textem, obrázky, nebo i pro čtenáře neviditelné poznámky. Takovou poznámku vidí poze autor textu a jsou velmi užitečné.

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

značka	P/N	význam
<html>	P	ohraničuje celý html dokument
<head>	P	hlavička dokumentu
<body>	P	tělo dokumentu
<p>	P	odstavec
<tr>	P	řádek v tabulce
<td>	P	buňka tabulky
<th>	P	sloupečky
<a>	P	odkaz
<nav>	P	navigační odkaz
<hr>	N	čára
<br>	N	ukončení řádku
<form>	P	formulář
<input>	N	obsah formuláře

Odkazy

Jak se dělá odkaz

To vědět...

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na článek o Károvi na serveru Aktuálně.cz
Odkaz na pokusný dokument který je ve stejný složce
Odkaz na dlouuhý dokument
Odkaz na dokument3.html
Odkaz na dokument5.html
Odkaz na formular1.html
Odkaz na wt.html
Odkaz na JavaScript: webový formulář č.1
Odkaz na první kapitolu dlouhého dokumentu
Odkaz na poslední kapitolu dlouhého dokumentu
Tento dokument se otevře v novém okně
Tento dokument se otevře v novém okně
Tento obrázek se otevře v okně s názvem shakirashakira
Tento obrázek se otevře v okně s názvem shakirashakira
Tento obrázek se otevře v okně s názvem shakirashakira
Tento obrázek se otevře v okně s názvem shakirashakira
Tento obrázek se otevře v okně s názvem shakirashakira
Tento obrázek se otevře v okně s názvem shakirashakira

Obrázky

Lorem ipsum per ngue. esuada fames ac turpis egestas. Integer vulputate sem a nibh rutrum consequat. Maecenas lorem. Nunc auctor. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Maecenas libero. Sed ac dolor sit amet purus malesuada congue. Curabitur sagittis hendrerit ante. Nam quis nulla.

Mauris tincidunt sem sed arcu. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Curabitur bibendum justo non orci. Etiam dictum tincidunt diam. Aliquam id dolor.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Pellentesque ipsum. Duis viverra diam non justo. Aliquam erat volutpat. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Duis risus. Etiam posuere lacus quis dolor. Suspendisse nisl. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Curabitur sagittis hendrerit ante. Nulla non arcu lacinia neque faucibus fringilla. Aliquam ornare wisi eu metus. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Aliquam ante. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Nullam lectus justo