Tvorba webových stránek


Základy

Co je to webová stránka

bla bla bla Cras elementum. Etiam commodo dui eget wisi. Donec quis nibh at felis congue commodo. Nam quis nulla. Fusce tellus. Mauris dictum facilisis augue. Nam quis nulla. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Proin mattis lacinia justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus luctus egestas leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Struktura html dokumentu

Celý html dokument je ohraničen párovým tagem <html>. Je složen z hlavičky (párový tag <head>) a těla (párový tag <body>).
Hlavička může být krátká - v tom případě obsahuje jen nejnutnější informace o stránce např. titulek okna nebo použité kódování. Může ale být daleko obsáhlejší, pokud je v ní uveden i např. stylopis nebo nějaký javascriptový kód.
Tělo html dokumentu definuje obsah webové stránky. Ten lze strukturovat pomocí nadpisů a podnadpisů, kterých může být až 6 úrovní. Hlavní nadpis je určen párovým tagem <h1> a bývá na stránce jen jednou. Další úrovně nadpisů jsou tvořeny tagy <h2> až <h6>.
Vlastní textový obsah webové stránky musí být vždy uzavřen do nějakého blokového prvku - např. do odstavce <p>.

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

značka (ne)párová význam
<html>  P ohraničuje html dokument
<h1>  P hlavní nadpis
<h2> P podnadpis
<p> P odstavec textu
<hr> N vodorovná čára
<br> N odřádkování

Odkazy

Jak se dělá odkaz

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na jeden článek na portálu seznam.cz
Pokusný dokument 1
Pokusný dloooooouhý dokument 2


Obrázky

Jak vložit obrázek

Příklady obrázků