tvorba webových stránek

rozalie zimova

základy

co je to webová stránka

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. Hypertext umožňuje sloučit text a multimédia a zároveň propojit webové stránky hyperlinky (tj. odkazy), které po kliknutí uživateli zobrazí jiný obsah (jinou webovou stránku).

tura HTML dokumentu

Jsou to značky (příkazy), které tvoří html dokument. značky mohou mít různé funkce,jako třeba: odkazy, nadpisy, odstavce a td... poskládání různých značek za sebe tvoří celkový vzhled a funkce daných webových stránek.

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

značka	P/N	význam
html	P	ohraničuje celý html dokument
meta	N	obsahuje různé informace
title	P	ohraničuje titulek
head	P	hlavička dokumentu
body	P	tělo dokumentu
p	P	odstavec
h1	P	hlavní nadpis

html    P     ohraničuje celý html dokument
meta    N
title   P
head    P
body    P
p       P
h1      P

odkazy

jak se dělá odkaz

Odkaz vytváříme pomocí atributů, mezi které vkládáme názvy(odkazy) stránek nebo obrázků, a nebo v podsstatě čehokoliv, na co bysme odkaz rádi vytvořili (obrázek, soubor, stránka a td...) . Nejdříve si napíšeme atribut < a href, poté napíšeme to, jak chceme aby se náš odkaz jmenoval (slovo co bude odkazovat), ukončíme atribut > a za to napíšeme dannou (stránku, soubor, nebo obrázek) a ukončíme zase < / a > .

příklad odkazů:

odkaz na portál seznam.cz
odkaz na seznam článek
odkaz na dokument1.html
odkaz na 1.kapitolu
odkaz na 2.kapitolu
tento dokument se otevře v novém okně
tento obrázek se otevře v okně idk
tento obrázek se otevře v okně idk
tento obrázek se otevře v okně idk

Webový formulář
Webový formulář otevřený v novém okně pomocí window.open

obrázky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Suspendisse nisl. Nulla quis diam. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Mauris dictum facilisis augue. Vivamus porttitor turpis ac leo. Aliquam erat volutpat. Aliquam erat volutpat. Aliquam erat volutpat. Etiam egestas wisi a erat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla est. Pellentesque ipsum. Nullam sit amet magna in magna gravida vehicula. Curabitur sagittis hendrerit ante. Nulla non arcu lacinia neque faucibus fringilla. Phasellus rhoncus. Fusce consectetuer risus a nunc. Praesent vitae arcu tempor neque lacinia pretium. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Nulla non arcu lacinia neque faucibus fringilla. Aliquam id dolor.