P1 - tělo, nadpisy, odstavce

Tělo - Body

v tagu <body> mohu použít atributy:

bgcolor='barva'

text="barva textu"

background='cesta/obrazek.*'

Barvy

pojmenované - red, blue, navy, yeloow

pomocí hexadecimálního čísla rrggbb - v PSPad podokno výběr barvy (Alt+C)

Nadpisy mají různé úrovně <h1> ... <h6>

lze v nich použít tag <br /> pro odřádkování

Zarovnání - atribut align='left/center/right'

Odstavce se obalují do tagu <p>. Šířka odstavce textu se přizpůsobuje velikosti okna v prohlížeči.

Řádek lze zalomit uvnitř pomocí tagu <br />. Mezi odstavci je standardně nastavena mezera. Nadpisy se chovají jako odstavce. V textu lze pro zdůraznění použít některý z tagů pro formát písma jako je např. <B> pro tučné písmo (lze použít nověji i <strong>), tag <I> (<em>) pro kurzívu,... Tagy nezapomenu ukončovat, nesmějí se „křížit”. Takto je správně zapsaná <B> <I> tučná kurzíva </I> </B> nebo <I> <B> tučná kurzíva </B> </I>

Chybně <I> <B> tučná kurzíva </I> </B>

Příklad: zkopíruj si do souboru priklad.html

<p>Hyper Text Markt Language</p>

<h3>Zápis</h3>

<p><storng>Tag</strong> se zapisuje do <> - základní prvek, má význam - překládaný prohlížečem<br>

párové - jméno-začátek /jméno-konec<br />

nepárové - jen jmeno</p>

</body>

Úkol ROK

V souboru jaro.html uprav barvy pozadí a textu, zvýrazni části textu tučně, kurzívou, tučnou kurzívou:

Vyzkoušej i jiné barvy.

V souboru zima.html použij obrázek na pozadí (stáhni si jej do složky rok):

Úkol2: Web CR

Vytvoř složku cr

V PSpadu vytvoř projekt cr.ppr

Nové soubory

cechy.html
morava.html
slezsko.html

Soubory opatři titulkem, vytvoř nadpis (Čechy, Morava, Slezsko)

Soubory ulož do složky cr, zařaď do projektu cr.ppr a projekt ulož do složky cr

Do jednotlivých souborů vlož texty:

cechy.txt
morava.txt
slezsko.txt

Celé hotové již s obrázky na odkazy:

http://ivtcerna.8u.cz/cr/cr.html