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.
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č. Tělo dokumentu je rozčleněno do několika odstavců mezi nimiž jsou nadpisy. Může být použito 6 úrovní nadpisů
| značka | (Ne)Párová | význam |
|---|---|---|
| <html> | P | ohraničuje celý html dokument |
| <head> | P | hlavička |
| <body> | P | tělo dokumentu |
| <h1> | P | nadpis nejvyšší úrovně |
| <p> | P | odstavec |
| <br> | N | zalomení řádku |
| <hr> | N | horizontální čára |
Pokud chci mít data uspořádané do řádků a sloupců, je možné použít html tabulku (viz.výše). Jiný způsob uspořádání je tzv. "předformátovaný text":
---------------------------------------------------- značka význam ---------------------------------------------------- html párová ohraničuje celý html dokument h1 párová nadpis nejvyšší úrovně br nepárová zalomení řádku ----------------------------------------------------
Odkaz vytvoříme pomocí tagu <a>.Tag <a> má důležitý atribut "href", totiž cíl. Href obsahuje adresu, podle které prohlížeč pozná, na jakou stránku se má přepnout, když se na odkaz klikne. Tak jako u obrázků, pokud je cílový dokument ve stejném adresáři, stačí napsat jméno souboru.
Odkaz na portál seznam.cz
Odkaz na nějaký článek na seznamu.
Odkaz na pokusný dokument (je ve stejné složce)
Odkaz na dloooooouhý dokument
Odkaz na 2.kapitolu dlooouhého dokumentu
Odkaz na 8.kapitolu dlooouhého dokumentu
Tento dokument se otevře v novém okně.
Tento dokument se otevře v novém okně.
Tento dokument se otevře v novém okně jménem "culibrk".
Tento dokument se otevře v novém okně jménem "culibrk".
tady svými slovy ...
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla quis diam. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Phasellus faucibus molestie nisl.
Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Vivamus ac leo pretium faucibus.
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Fusce aliquam vestibulum ipsum. Etiam bibendum elit eget erat. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem.
Nunc tincidunt ante vitae massa. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Etiam dictum tincidunt diam. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Aliquam ornare wisi eu metus. Nunc auctor. Nam sed tellus id magna elementum tincidunt. Cras elementum. Mauris tincidunt sem sed arcu. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Aenean vel massa quis mauris vehicula lacinia. Aliquam erat volutpat. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Et harum quidem rerum facilis est et expedita distinctio. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Etiam egestas wisi a erat. Phasellus et lorem id felis nonummy placerat. Quisque porta. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Maecenas sollicitudin. Nullam at arcu a est sollicitudin euismod. Pellentesque ipsum. Etiam egestas wisi a erat. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Etiam bibendum elit eget erat. Pellentesque sapien. Integer pellentesque quam vel velit.Ut tempus purus at lorem. Praesent dapibus. In rutrum. Etiam commodo dui eget wisi. Vestibulum fermentum tortor id mi. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Maecenas lorem. Duis viverra diam non justo. In convallis. Aliquam id dolor. Fusce tellus. Phasellus rhoncus.
nitincidunt ante vitae massa. 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. Praesent id justo in neque elementum ultrices. Integer tempor. Phasellus et lorem id felis nonummy placerat. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Nunc dapibus tortor vel mi dapibus sollicitudin. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam in lorem sit amet leo accumsan lacinia. Mauris metus. Nunc auctor. Nullam at arcu a est sollicitudin euismod.
