rozvržení stránky prvky div
rozvržení stránky mřížkou
webový formulář
můj formulář
Webová stránka je Webová. Může se ale taky ří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. Existují dva druhy: párové a nepárové.
Dokument uzavíráme do tagu <html>. Začíná hlavičkou (<head>) ve které bývá název, který se bude zobrazovat
v liště nahoře. Po hlavičce následuje tělo dokumentu (<body>), ve kterém
je pak zbytek dokumentu.
Texty dělíme nadpisy (<h1-6>), může být až 6 úrovní. Odstavce uzavíráme do párového tagu <p>.
| 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í |
pokud potřebujeme 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 -----------------------------------------------------
Odkaz se zavírá do tagu <a>. Do otevíracího tagu <a> se ale přidá atribut href, rovná se a do uvozovek vložený odkaz dané stránky,
nebo třeba název dokumentu. Za tento tag pak přijde název, pod kterým bude odkaz rozkliknutelný a konečný tag </a>
Např. odkaz na portál seznam.cz bude vypadat takto: <a href="https://www.seznam.cz">portál seznam.cz</a>
odkaz na portál seznam.cz
odkaz na jeden článek na seznamu
odkaz na pokusný dokument (je ve stejné složce)
odkaz na dlouhý dokument (dokument 2)
odkaz na 1. kapitolu dlouhého dokumentu
odkaz na 98. kapitolu dlouhého dokumentu
Tento dokument se otevře v novém okně/nové kartě
Tento dokument se otevře v novém okně jménem ok
Tento dokument se otevře v novém okně/nové kartě
Tento dokument se otevře v novém okně jménem ok
memiskovastranka
Formulář: formulář
tady to svými slovy popíšu
Quisque porta. Maecenas aliquet accumsan leo. Quisque porta. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae diam non enim vestibulum interdum. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Aliquam erat volutpat. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil .
In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Integer lacinia. Phasellus faucibus molestie nisl. Mauris tincidunt sem sed arcu. Curabitur bibendum justo non orci. Fusce consectetuer risus a nunc. Aenean fermentum risus id tortor. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Integer vulputate sem a nibh rutrum consequat.
Nullam feugiat, turpis at pulvinar vulputate, erat libero trorci. Maecenas libero. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. 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? Suspendisse nisl. Duis pulvinar. Aliquam in lorem sit amet leo accumsan lacinia. Aliquam erat volutpat.