Stránku spravuje Karolína Husáková

Tvorba webových stránek

Základy

Co je webová stránka

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam dictum tincidunt diam. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Praesent id justo in neque elementum ultrices. Nulla quis diam. Etiam neque. Aenean id metus id velit ullamcorper pulvinar. Nulla non arcu lacinia neque faucibus fringilla. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.

Struktura HTML dokumentu

Etiam commodo dui eget wisi. Aenean id metus id velit ullamcorper pulvinar. Nulla non lectus sed nisl molestie malesuada. Aliquam ornare wisi eu metus. Nam sed tellus id magna elementum tincidunt. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. 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. Integer tempor. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Fusce suscipit libero eget elit. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Aliquam erat volutpat. Fusce aliquam vestibulum ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

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

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

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

Odkazy

Jak se dělá odkaz

Odkazy jiným slovem rozcestníky ,jsou velmi užitečné a s jejich pomocí se dá dostat téměř kamkoli. Daly by se také popsat jako zvýrazněný text na vebové stránce na který klikneš a načte se jiná. Otázkou tedy zůstává jak na něj ,to záleží na editoru Webové ztránky v našem případě PS pad. odkaz se dá vytvořit pomocí textového příkazu. Naším účelem je ovšem jeden vytvořit. Při vytváření odkazu začneme značkou

<a href=”[jméno_dokumentu]”>[klikatelný text]</a>

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na konkrétní článek
Odkaz na pokusný dokument ve složce
Odkaz na dlouhý dokument ve složce
Odkaz na 1.kapitolu dlouhého dokumnetu
Odkaz na 5.kapitolu dlouhého dokumnetu
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ě obrázeček
Tento obrázek se otevře v okně obrázeček
Tento obrázek se otevře v okně obrázeček

obrázky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam sed tellus id magna elementum tincidunt. Quisque tincidunt scelerisque libero. Etiam commodo dui eget wisi. Vivamus porttitor turpis ac leo. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Nunc tincidunt ante vitae massa. Proin in tellus sit amet nibh dignissim sagittis. Aenean vel massa quis mauris vehicula lacinia. Suspendisse nisl. Sed ac dolor sit amet purus malesuada congue. Curabitur sagittis hendrerit ante. Mauris tincidunt sem sed arcu. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Fusce suscipit libero eget elit. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede.