Co je to webová stránka

Je soubor dat který je zobrazován webovým prohlížečem celosvětovje pro všechny uživateli.Je tvořena různým obsahem třeba textem,obrázky a videi.Je tvořena pomocí hypertextem - značkovací jazyk

Struktura HTML dokumentu

Celý html dokument je uzavřen do párového tagu . Skládá se z hlavičky a těla. V hlavičce jsou uvedeny různé informace o stránce, např. kdo stránku vytvořil, jeké používá kódování českých znaků, jaká jsou na stránce klíčová slova pro internetové vyhledávače apod. Tělo určuje obsah dokumentu, který je rozdělen do odstavců textu a ty jsou nadepsány nadpisy. Nadpisy mají různé úrovně, nadpis nejvyšší úrovně se zpravidla na stránce vyskytuje jen jednou na začátku. Úrovní nadpisů může být až šest.

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

hlavní nadpis
značkaP/N/ význam
<html> p ohraničuje celý html dokument
<meta> n obsahuje různé informace
<title> p titulek
<head> p hlavička dokumentu
<body> p tělo dokumentu
<p> p odstavec
<h1> p
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 vytvoříme tak, že začneme počáteční značkou <a která, slouží i pro zakončení odkazu. Značka se pojí s atributem <href> hodnotou atributu je adresa souboru na který chceme odkazovat. Můžeme přidat atribut target=”_blank” díky čemu otevřeme odkaz v novém okně.

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na pokusný dokument ve stejné složce
Odkaz na dlouhý pokusný dokument ve stejné složce
Odkaz na 1.kapitolu dlouhého dokumentu
Odkaz na 2.kapitolu dlouhého dokumentu
Odkaz na 28.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ě pomoc
Tento obrázek se otevře v okně pomoc
Tento obrázek se otevře v okně pomoc
Webový formulář
Webový formulář otevřený v novém okně pomocí window.open()


Obrázky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Nunc dapibus tortor vel mi dapibus sollicitudin. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Nunc dapibus tortor vel mi dapibus sollicitudin. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo.