2.ročník IKT - tvorba webových stránek

Základy

Co je to webová stránka

Webová stránka je jedna určitá stránka na jedné určité adrese.Zobrazuje se jako dokument internetového prohlížeče po zadání příslušné URL adresy, většinou pomocí World Wide Webu (WWW).

Struktura html dokumentu

HTML dokument se skládá z hlavičky a těla. V hlavičce jsou různé informace o stránce, v těle je vlastní obsah stránky,který se zobrazí v okně prohlížeče.

Odkazy

Jak se dělá odkaz

Používejte parametry title a alt.

Title-definuje popisek odkazu.

Alt-obsahuje text,který se zobrazí,pokud se nenačte obrázek.

Odkaz se vytvoří tagem <a>

Příklady odkazů

Odkaz na seznam.cz
Odkaz na Konkrétní článek
Odkaz na pokusný dokument
Odkaz na pokusný dlooooooooouhý dokument
Odkaz na 2.kapitoludlouhého dokumentu
Tento odkaz se otevře v novém okně
Tento odkaz se otevře v novém okně
Tento odkaz se otevře v novém okně jménem Edgar.
Tento odkaz se otevře v novém okně jménem Edgar.

Praktické příklady HTML stránek

Rozvržení webové stránky pomocí prvků <div>
Rozvržení webové stránky mřížkou
Webový formulář verze1 Webový formulář verze1 Můj vlastní formulář Formulář - známkování

Obrázky

Obrázek vložím na webovou stránku nepárovým tagem <mg>.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla est. Aliquam ornare wisi eu metus. Aenean fermentum risus id tortor. Aenean id metus id velit ullamcorper pulvinar. Donec vitae arcu. Integer lacinia. Nulla quis diam. Suspendisse nisl. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Phasellus faucibus molestie nisl. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Ut tempus purus at lorem. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Etiam egestas wisi a erat. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Pellentesque arcu.



In dapibus augue non sapien. Aliquam erat volutpat. Etiam posuere lacus quis dolor. Aliquam ante. Nulla quis diam. Maecenas lorem. Aliquam in lorem sit amet leo accumsan lacinia. Aenean fermentum risus id tortor. Aliquam erat volutpat. Nulla non arcu lacinia neque faucibus fringilla. Mauris tincidunt sem sed arcu. Nulla quis diam. Nulla non arcu lacinia neque faucibus fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam quis nulla. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Mauris elementum mauris vitae tortor.

Maecenas sollicitudin. Nunc tincidunt ante vitae massa. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Aliquam erat volutpat. Fusce wisi. Mauris dictum facilisis augue. In convallis. Aliquam id dolor. Nulla non lectus sed nisl molestie malesuada. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. In rutrum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris elementum mauris vitae tortor. Quisque porta. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Nullam dapibus fermentum ipsum. Fusce wisi. Curabitur sagittis hendrerit ante. In enim a arcu imperdiet malesuada. Maecenas aliquet accumsan leo. Mauris dictum facilisis augue. Mauris elementum mauris vitae tortor. Nullam sit amet magna in magna gravida vehicula. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Sed convallis magna eu sem. Integer tempor.

Aenean id metus id velit ullamcorper pulvinar. Maecenas aliquet accumsan leo. Donec vitae arcu. Duis condimentum augue id magna semper rutrum. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Donec quis nibh at felis congue commodo. Curabitur vitae diam non enim vestibulum interdum. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Aenean id metus id velit ullamcorper pulvinar. Fusce aliquam vestibulum ipsum. Mauris dictum facilisis augue. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Phasellus faucibus molestie nisl. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Etiam neque.

Tuto stránku spravuje E.Sekaninová