Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque arcu. Nam sed tellus id magna elementum tincidunt. Integer lacinia. Mauris metus. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Ut tempus purus at lorem. Donec iaculis gravida nulla. Etiam quis quam. Pellentesque ipsum. Praesent id justo in neque elementum ultrices. Aliquam erat volutpat.
Struktura webové stránky je v podstatě rozložení jednotlivých částí webu a jejich vzájemné propojení. Webová stránka by měla být hlavně přehledná, jak pro autora, tak pro uživatele.
| značka | P/N | význam |
|---|---|---|
| <head> | P | ohraničuje hlavičku stránky |
| <p> | P | odtavec |
| <h1> | P | hlavní nadpis |
head P ohraničuje hlavičku stránky p P odtavec h1 P hlavní nadpis
Text, který slouží jako odkaz, je obalen párovým tagem < a >. Aby odkaz fungoval, musí tam být navíc ještě atribut href. Href obsahuje adresu, podle které prohlížeč pozná, na jakou stránku se má přepnout, když se na odkaz klikne. Odkaz nemusí být pouze slovo, nebo text. Uvnitř značek a se rovněž může nacházet například obrázek. Také tady máme atribut target, ten specifikuje kam se má odkaz otevřít.
Odkaz na portál seznam.cz
Odkaz na jeden článek na sport.cz
Odkaz na pokusný dokument
Odkaz na pokusný dlouhý
Odkaz na začátek tohoto dokumentu
Odkaz na první kapitolu dlouhého dokumentu
Odkaz na poslední kapitolu dlouhého dokumentu
Tento dokument se otevře v novém okně/záložce
Tento obrázek se otevře v okně s názvem ZOO
Tento obrázek se otevře v okně s názvem ZOO
Tento obrázek se otevře v okně s názvem ZOO
Webový formulář
Webový formulář otevřený v novém okně
Etiam neque. In enim a arcu imperdiet malesuada. Praesent vitae arcu tempor neque lacinia pretium. Fusce aliquam vestibulum ipsum. Maecenas fermentum, sem in pharetra pellentesque, 
velit turpis volutpat ante, in pharetra metus odio a lectus. Mauris tincidunt sem sed arcu. Duis risus. Suspendisse sagittis ultrices augue. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? In convallis. Maecenas lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
