2.ročník IKT - tvorba webu

Základy

Co je webová stránka?

Webová stránka je soubor dat zobrazovaný uživateli webovím prohlížečem. Jde o spousty různých písmenek, čáreček a znaků, které mají různé funkce.

struktura HTML dokumentu

Každý HTML dokument se oharaničuje párovou značkou <<html>> a <</html>>. A dále také dokument obsahuje hlavičku a tělo. Hlavička obsahuje název dokumentu. Tělo obashuje vše ostatní.

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

značka	(ne)párová	význam
<html>	párová	ohraničuje html dukument
<body>	párová	tělo dokumentu
<head>	párová	hlavička dokumentu
<p>	párová	odstavec

Pokud potřebujeme text uspořádat do sloupců a řádku, můžeme použít HTML tabulku- viz výše. jiný způsob uspořádání textu je tzv "předformátovaný text":

---------------------------------------------------
  značka               význam
---------------------------------------------------
 html        párová   ohraničuje html dokument
 head        párová   hlavička dokumentu
 body        párová   tělo dokumentu
 br        nepárová   tvrdé odřádkování
 
---------------------------------------------------

Odkaz na pokusný dokument (je ve stejné složce)

Odkazy

Jak se dělá odkaz

Odkazy Text, který funguje jako odkaz, je ohrazen párovým tagem <a> Musí obsahovat "href", který obsahuje adresu, která prohlížeči určuje na jakou stránku se má přepnout. Adresa obsahuje http:// a pak název stránky, např.Seznam.cz

Příklady odkazů

Odkaz na https://www.seznam.cz/
Odkaz na něco
Odkaz na dlouhý dokument
Odkaz na "dokument1.html". Odkaz na pokusný dokument (je ve stejné složce)
Odkaz na pokusný dloooouuuhý dokument
Odkaz na první kapitolu dloooooouhého dokumentu
Odkaz na poslední kapitolu dloooooouhého dokumentu
Tento dokument se otevře v novém okně/nové kartě
Tento dokument se otevře v novém okně jménem "Dveře"
Tento dokument se otevře v novém okně/nové kartě
Tento dokument se otevře v novém okně jménem "Dveře"

Obrázky

Aenean id metus id velit ullamcorper pulvinar. Aenean fermentum risus id tortor. Integer imperdiet lectus quis justo. Curabitur bibendum justo .

Maecenas libero. Etiam commodo dui eget wisi. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis viverra diam non justo.

Proin in tellus sit amet nibh dignissim sagittis. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Phasellus et lorem id felis nonummy placerat. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Quisque porta. Etiam egestas wisi a erat. Etiam commodo dui eget wisi. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, qua.

21Mi4wNDh8fDE2Njk2MjUzMTgxNzI7MTY2OTYyNTMxODE3MjsxNjgyMzE5MzUyNjQ1O2Rpbm9zYXVydXM7d3hiamd8MTExMTExMDExMDAxMDExMDAxMDEwMTEwMDAxfDE0MjcwMDYyNTcuMTc4OTQ3OzY1MTUwODg0MDAuMTk2NTI4OzE2NjI0OzEwOzYxNzE2Mjc3LjQ0NTg0ODc4OzMyOzA7MDswOzA7MDswOzA7MDswOzEwOzA7MDswOzA7LTE7MDs7MDswOzA7MDswOzA7MDstMTstMTstMTstMTstMTswOzA7MDswOzc1OzA7MDs3OzIxOzE2ODIzMTczMjY2MDg7MDswOzs0MTswOzA7MTEzODE1Ni43NzgxNjkyMDE3OzUwO3wxMDAsMTAxLDE1ODM0NDcyMTgsNCwsMCwxMDE7OTAsOTAsMjY0NDkzMzY0LDEsLDAsOTA7NjksNjksMjE5Nzk0MDA2LDEsMTY4MjMxOTU3NjEyODowOjE2ODE3MTMwNjY2Mjc6MDowOjA6MDowOjE2ODE3MTMwNjY2Mjc6IDEwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAgMDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6MDowOjA6LDAsNjk7NDQsNDQsNDAxMTk5MDAwLDEsLDAsNDQ7MzYsMzYsODQ0NzUwNjkyLDEsLDAsMzY7MjYsMjYsMTQ4NzIwNDMzMywwLCwwLDI2OzE4LDE4LDExOTIzODk4MTksMCwsMCwxODsxLDEsNDU4NTg5Mzk4LDAsLDAsMTswLDAsMCwwLCwwLDA7MCwwLDAsMCwsMCwwOzAsMCwwLDAsLDAsMDswLDAsMCwwLCwwLDA7MCwwLDAsMCwsMCwwOzAsMCwwLDAsLDAsMDswLDAsMCwwLCwwLDA7MCwwLDAsMCwsMCwwOzAsMCwwLDAsLDAsMDswLDAsMCwwLCwwLDA7MCwwLDAsMCwsMCwwO3wxMTExMTExMTExMTEwMDExMTExMTExMTExMTExMTExMTExMTExMTAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDExMTAxMTExMTExMTExMTExMTEwMTAxMDAwMTExMTAwMDAwMDAwMDAwMDEwMDAwMDEwMTAxMTExMTEwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAxMTExMTAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDExMTExMDAwMDAwMDExMTAwMDAwMDAwMDEwMDAwMDAwMDAwMDExMTAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDExMTExMTAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDExMTEwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDB8MTExMTExMDAwMDAwMDAwMDExMTExMTAwMDAwMDAwMTExMDExMTEwMDExMDExMDEwMDEwMDAwMDAwMDAwMDAwMDAwMDExMDAwMTAxMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAxMTAwMDAxMDAwMDEwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAxMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMHx8