Rozvržení stránky prvky div
Rozvržení stránky mřížkou
webová formulář
můj
Webová stránka je Webová. Též se jí může říkat internetová, nebo www stránka.
Každý HTML dokument je psaný v kódovacím jazyce HTML, neboli hypertext markup language
a má svojí danou struktutu. K jejímu vytvoření používáme tzv. tagy- značky
uzavřené ve špičatých závorkách.
Dokument začíná hlavičkou (<head>), ve které bývá název, který se zobrazuje
v liště nahoře. Po hlavičce následuje tělo dokumentu (<body>), ve kterém se vskutku nachází zbytek dokumentu.
Texty dělíme nadpisy (<h1-6>) může být až 6 úrovní.
| značka | (Ne)Párová | význam |
|---|---|---|
| <html> | P | ohraničuje celý html dokument |
| <head> | P | hlavička dokumentu |
| <body> | P | tělo dokumentu |
| <p> | P | odstavec |
| <br> | N | tvrdé odřádkování |
když chceme uspořádat text do řádků a sloupců, můžeme použít HTML
tabulku - viz. výše.
Jiný způsob uspořádání textu je tzv. "předformátovaný text":
značka (Ne)Párová význam ----------------------------------------------------- <html> párová značka ohraničuje celý dokument <head> párová značka hlavička dokumentu <body> párová značka tělo dokumentu -----------------------------------------------------
Odkazy, nebo hypertextové odkazy se tvoří párovým tagem <a> a atributem "href", jehož hodnota je URL souboru. Pokud je daný dokument v adresáři stránky, stačí pouze napsat jméno souboru. Pomocí atributu "target", můžeme určovat jakým způsobem se soubor, na který odkazujeme otevře. Jako hodnotu tohoto atributu můžeme například zvolit "_blank", odkazovaný soubor se poté otevře v novém okně.
Odkaz na portál seznam.cz
Odkaz na jeden článek na seznamu.
Odkaz na pokusný dokument (je ve stejné složce)
Odkaz na pokusný dlouhý dokument
Odkaz na 1. kapitolu pokusného dlouhého dokumentu
Odkaz na 17. kapitolu pokusného dlouhého dokumentu
Odkaz na 21. kapitolu pokusného dlouhého dokumentu
Odkaz na 42. kapitolu pokusného dlouhého dokumentu
Tento dokument se otevře v novém okně/kartě.
Tento dokument se otevře v novém okně jménem "špenátek"
Tento dokument se otevře v novém okně/kartě.
Tento dokument se otevře v novém okně jménem "špenátek"
Odkaz na špenátek...
Používají se obrázky ve formátech "gif", "jpg" a "png". Pokud takový obrázek máme, měli by jsme ho umístit do adresáře stránky na, kterou jej budeme vkládat. Též můžeme vkládat obrázek z jiného webu pomocí jeho URL adresy. Obrázky se vkládají tagem <img> a atributem "scr", který definuje URL adresu obrázku.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Nullam faucibus mi quis velit. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. 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. Proin in tellus sit amet nibh dignissim sagittis. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nulla non lectus sed nisl molestie malesuada. Nulla quis diam. Aliquam ornare wisi eu metus. Sed convallis magna eu sem. Nam quis nulla. Nunc auctor.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam in lorem sit amet leo accumsan lacinia. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Aliquam id dolor. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Integer malesuada. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Mauris elementum mauris vitae tortor. Etiam bibendum elit eget erat. Ut tempus purus at lorem. Duis condimentum augue id magna semper rutrum. Phasellus et lorem id felis nonummy placerat. Nulla non arcu lacinia neque faucibus fringilla. Fusce wisi.
e penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus.
Duis risus. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Phasellus et lorem id felis nonummy placerat. Integer imperdiet lectus quis justo. Mauris dictum facilisis augue. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Ut tempus purus at lorem. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Phasellus et lorem id felis nonummy placerat. Praesent id justo in neque elementum ultrices.
Etiam neque. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Etiam bibendum elit eget erat. Integer vulputate sem a nibh rutrum consequat. Etiam bibendum elit eget erat. Maecenas lorem. Nulla non lectus sed nisl molestie malesuada. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.