V tomto dφle se budeme zab²vat prvnφmi kroky v programovßnφ HTML strßnek zp∙sobem zßpisu jednotliv²ch p°φkaz∙.

      Kapitola V. Zp∙sob zßpisu p°φkaz∙ a atributy textu

      Ka₧dß HTML strßnka se sklßdß ze sumy textu, kter² tvo°φ vzhled a obsah. V HTML se text pφÜe b∞₧n²m zp∙sobem, jak jsme zvyklφ, jen zde majφ trochu jin² v²znam odstavce, konce °ßdk∙ a vlo₧enΘ objekty.

      VÜe co chcete vytvo°it na webovΘ strßnce se v jazyku HTML zadßvß pomocφ p°φkaz∙. Pokud je p°φkaz jednoduch² (nap°φklad zalomenφ strßnky, p°echod na dalÜφ °ßdku, atd.), je to p°φkaz jednoduch², kter² prost∞ napφÜete a prohlφ₧eΦ jej provede. Pokud prohlφ₧eΦ pot°ebuje znßt vφce (nap°φklad kter² text mß b²t tuΦn∞), musφte jej uzav°φt do pßrovanΘho p°φkazu, tj. prvnφ Φßst p°φkazu napφÜete p°ed a druhou za pot°ebn² parametr. P°φkazy se vepisujφ do ÜpiΦat²ch zßvorek (znaky je menÜφ a je v∞tÜφ). P°φklad uvßdφ text s nepßrovan²m p°φkazem
, kter² zaΦne nßsledujφcφ objekty (text, grafiku...) umis¥ovat na dalÜφ °ßdku:

      Tento text je p°ed zlomem.< BR > A tady ten je ji₧ na dalÜφ °ßdce.< p >

      V²sledek

Tento text je p°ed zlomem.
A tady ten je ji₧ na dalÜφ °ßdce.

      P°φkladem pßrovanΘho p°φkazu m∙₧e b²t vypsßnφ textu tuΦn²m fontem k tomu je u₧it symbol < B > a jeho uzavφracφ prot∞jÜek < /B >:

      Tento text nenφ tuΦn², tento je tuΦn², a ten ji₧ zase nenφ.

      JednoduchΘ, ₧e?

      Mnoho pßrovan²ch p°φkaz∙ mß jeÜt∞ dalÜφ parametry, kterΘ m∙₧ete, ale nemusφte v₧dy uvßd∞t. Parametry se pφÜφ k uvozovacφmu symbolu nßsledujφcφm zp∙sobem:

      Jako p°φklad is uve∩me symbol < H1 >, kter² zm∞nφ velikost uzav°enΘho textu na nadpis a jako parametr

      mu p°edßme vodorovnΘ zarovnßnφ (ALIGN) textu do st°edu (CENTER) strßnky:

Nadpis

      ve st°edu.

      UkonΦovacφ p°φkaz ruÜφ i vÜechny parametry, tedy dalÜφ text ji₧ bude zarovnan² b∞₧n²m zp∙sobem.

      ZvlßÜtnφm pßrov²m p°φkazem je

      HEAD, do n∞ho₧ byste m∞li vepisovat informace o dokumentu (nap°φklad jeho nßzev), o jeho dalÜφm v²znamu si povφme pozd∞ji.

      Pochopiteln∞ m∙₧ete p°φkazy mezi sebou takΘ kombinovat a vklßdat jeden do druhΘho:

      TuΦn² text na dalÜφ °ßdce je < B>< BR>toto< /B>.

      K dalÜφm mo₧nostem zm∞ny textu pat°φ pßrovanΘ p°φkazy pro text psan² kurzφvou < I>, se stejn²m rozestupem vÜech znak∙ < tt>, v∞tÜφ a menÜφ font < BIG> a < SMALL>, hornφ a dolnφ index (< SUP> a < SUB>) a text blikajφcφ (< blink>). To jsou zßkladnφ prost°edky pro zm∞nu stylu pφsma. V definici existujφ jeÜt∞ dalÜφ, kterΘ text formßtujφ logicky (chybovΘ hlßÜky, v²pis prom∞nn²ch...), kterΘ nejsou graficky odliÜnΘ a nelze u nich zaruΦit, jak budou pod dan²m prohlφ₧eΦem vypadat. Pou₧φvajφ se z°φdka a tak se jimi nebudeme zab²vat.

      U zobrazenΘho textu m∙₧ete m∞nit mnoho dalÜφch parametr∙ detailn∞ji pomocφ p°φkazu FONT: pat°φ sem volba velikosti pφsma (SIZE) zadanß Φφslem 1-7 nebo relativn∞ v∙Φi zßkladnφmu nastavenφ (+2, -1, atd) a mo₧nost zm∞nit barvu (COLOR) textu bu∩ p°φmo nßzvem barvy (WHITE, DARKCYAN, ...), nebo jejφm Φφseln²m vyjßd°enφm (o barvßch si vφce povφme pozd∞ji). Zde je p°φklad v²pisu textu p∞tibodov²m pφsmem modrΘ barvy:

      < FONT SIZE="5" COLOR="BLUE"> Modr² text

Modr² text

      Krom∞ t∞chto prost°edk∙ je zde jeÜt∞ mo₧nost pou₧φvat nadpisy, kterΘ se liÜφ velikostφ i odd∞l∞nφm od ostatnφho textu. Jsou to p°φkazy pßrovΘ < H1> a₧ < H6>, kterΘ se mezi sebou liÜφ velikostφ (H1 je nejv∞tÜφ).

      Nßsleduje v²pis demonstraΦnφ

      HTML strßnky, kde je uvedeno vÜe, co jsme se zatφm nauΦili.

      Toto je ukßzka normßlnφho textu.

      Tento text je tuΦn²,

      kurzφvou,

      se stejn²m rozestupem,

      blikajφcφ,

      kurzφvou

      a tento zase zelen² a velik²

Toto je nejv∞tÜφ nadpis.

Tento je tak akorßt.

Tento nadpis je ·pln∞ malinkat².

      Tuto strßnku si p°epiÜte do souboru a zobrazte webovsk²m prohlφ₧eΦem. Abyste sprßvn∞ pochopili v²znam vÜech p°φkaz∙, tak sledujte, kterΘ Φßsti textu majφ nastavenΘ atributy, a porovnejte s v²pisem. VyzkouÜejte si je takΘ zm∞nit.

(pokraΦovßnφ p°φÜt∞)

BED╪ICH SMETANA