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

Základy

Co je to webová stránka?(idk)

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).

Data jsou psána kódem pomocí značkovacího jazyka HTML nebo XHTML a kaskádových stylů CSS. Html dokument je zdrojovým kódem webové stránky.

Struktura mistra Leonarda HTML

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? lol

Odkaz se vytvoří tagem :agr_smart: <a>

A teď si dáme příklady odkazů

Odkaz na stránku seznam.cz Top špekret: Servříček Lore
Odkaz na pokusný dokument, který je na stejném místě jako index.html
Odkaz na pokusný dlooooouhýýýýý dokument, který je na stejném místě jako index.html

Odkaz na 2.kapitolu dlouhého dokumentu
Odkaz na předposlední kapitolu dlouhého dokumentu
Odkaz na poslední kapitolu dlouhého dokumentu
Tento odkaz se otevře v novém okně
Tento odkaz se otevře v novém okně jménem BIMBUS
Tento odkaz se otevře v novém okně jménem BIMBUS

Obrázky

Jak vložit obrázek do html stránky

Obrázek se vloží do html stránky tagem <img>. Tady svými slovy vysvětlím...

Příklady

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Nunc tincidunt ante vitae massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Etiam posuere lacus quis dolor. Integer tempor. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. In convallis. Nam sed tellus id magna elementum tincidunt. Curabitur sagittis hendrerit ante.

Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Vestibulum fermentum tortor id mi. Nulla est. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Nulla quis diam. In convallis. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis condimentum augue id magna semper rutrum. Maecenas libero. Et harum quidem rerum facilis est et expedita distinctio. Vivamus ac leo pretium faucibus. Aliquam erat volutpat. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante.




Praesent vitae arcu tempor neque lacinia pretium. Morbi scelerisque luctus velit. Quisque porta. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Praesent id justo in neque elementum ultrices. Suspendisse sagittis ultrices augue. Mauris dictum facilisis augue. Etiam neque. Aliquam in lorem sit amet leo accumsan lacinia. Nam sed tellus id magna elementum tincidunt. Integer imperdiet lectus quis justo.

Aenean placerat. Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse nisl. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Nulla pulvinar eleifend sem. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Nam quis nulla. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Donec iaculis gravida nulla. Integer vulputate sem a nibh rutrum consequat. Nunc dapibus tortor vel mi dapibus sollicitudin.

hemllo i´am impomstor amogums, pleamse domnt ejemct me, limttle sumssy boi

Tuto stránku spravuje D. Páník