Příklady

Rozvržení stránky pomocí bloků
Rozvržení stránky pomocí mřížky
Formulář Můj Formulář

IKT- tvorba vebových stránek

Základy

Co je to webová stránka

Webová stránka je dokument, který je uživatelům dostupný k přečtení prostřednictvím internetového prohlížeče. Jehož kód je vytvořen pomocí značkovacího jazyka HTML.

Struktura HTML dokumentu

Tady svýmy slovy vysvětlím......

Struktura HTML dokumentu

Tady svýmy slovy vysvětlím......

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

<html>   Párová   ohraničuje celý HTML dokument
<head>   Párová   hlavička
<p>   Párová  odstavec

zančka (Ne)Párová význam
<html>   Párová ohraničuje celý HTML dokument
<head> Párová hlavička
<p> Párová odstavec

Pokud chceme data uspořádat do sloupců, můžeme použít HTML tabulku. (viz. výše). Jiný způsob uspořádání je tzv. "předformátovaý text":

    značka              význam 
    ===================================================
    html      párová     ohraničuje celý html dokument 
    head      párová     hlavička
    br        nepárová   odřádkování
    ===================================================
    
     

Odkazy

Jak udělat odkaz

Odkaz je zjednodušenou informací o internetové stránce. Kliknutím na odkaz si můžete zobrazit danou stránku ve svém internetovém prohlížeči.

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na jeden článek na seznam.cz
Odkaz na pokusný dokument (je ve stejné složce).
Odkaz na dlooouhý dokument.
Odkaz na kapitola 55.
Tenhle Dokument se otevře v novém okně/panelu jménem "Franta"
Tenhle Dokument se otevře v novém okně/panelu jménem "Franta2"

Obrázky

Jak vložit obrázek

Tady svými slovy vysvetlím

Příklady obrázků

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sit amet magna in magna gravida vehicula. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Vivamus luctus egestas leo.

Aliquam erat volutpat. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Nulla est. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Aenean vel massa quis mauris vehicula lacinia. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Etiam egestas wisi a erat. Integer lacinia. Proin pede metus, vulputate nec, fermentum fringilla, vehicula vitae, justo. Quisque porta. In rutrum. Duis pulvinar.

In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Aliquam erat volutpat. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Etiam neque. Vivamus ac leo pretium faucibus. Etiam posuere lacus quis dolor. Fusce aliquam vestibulum ipsum. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Fusce wisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci.