Základy HTML v Adobe CS5 Dreamweaver

Keď vytvoríte novú webovú stránku v Adobe Creative Suite 5 (Adobe CS5), Dreamweaver sa vytvorí veľa kódu, ktorý vášmu webovému prehliadaču pomôže rozpoznať HTML a akú verziu HTML používa. Dreamweaver pracuje na pozadí, aby zabezpečil, že vaša stránka bude fungovať vo väčšine najnovších verzií bežných webových prehliadačov, ako sú Firefox, Internet Explorer a Safari.

Kód HTML, aj keď je jednoduchý, je ako každý iný jazyk v tom, že musíte zistiť syntax (správna postupnosť a tvorba kódu) a slovnú zásobu (zapamätať si veľa značiek). Na vytvorenie dobrých a čistých webových stránok nemusíte mať na okuliaroch útržky pásky, ale musíte si prečítať nasledujúce základy HTML.

Ak ste skúsený používateľ, viete, že skopírovaním a vložením kódu môžete veľa zistiť o kóde HTML. Ak ste novým používateľom, kopírovanie a vkladanie kódu vám môže pomôcť pochopiť kód, ktorý iní implementovali na svoje stránky, a možno vám poskytne nejaké nápady.

Vo všeobecnosti sa značky HTML skladajú z troch častí:

• Značka: Hlavná časť informácií HTML, napríklad pre silné alebo tučné písmo, pre značku písma, príp

  pre tabuľku HTML. Značka sa vždy skladá z kľúčového slova uzavretého v zátvorkách, ako napríklad , alebo .

  Pretože väčšina štítkov sa dodáva v pároch, musíte zadať úvodný štítok (

  ) a záverečná značka (

  ). V XHTML 1.0 Transitional (štandard používaný pre všetky nové stránky vytvorené v Dreamweaveri) musia byť všetky značky zatvorené. Štítok môžete zatvoriť alebo vytvoriť samozatvárací štítok vložením lomky pred uzatváraciu zátvorku:
  .

  Ak napríklad pridáte značku tučným písmom, povedzte textu, kde má prestať používať tučné písmo, vložením uzatváracej značky . V opačnom prípade sa text bude naďalej zobrazovať tučným písmom po zvyšok strany.

• Atribút: Umožňuje doladiť vzhľad konkrétnej značky HTML. Atribút sa vždy pridáva do otváracej značky a môže mať rôzne hodnoty na riadenie atribútov, ako je farba odkazu, veľkosť a cieľ. Napríklad zarovnanie je atribútom

  značka (odsek), ktorá určuje, ako sa má text v odseku zarovnať.

  Tu je príklad odseku (

  ) tag s pridaným atribútom:

  =“center“>Toto je centrovaný text

• Hodnota: Farba, veľkosť a cieľ odkazu, napríklad špecifikované v atribúte. Môžete napríklad zadať hexadecimálne číslo ako hodnotu atribútu farby. Príklad hodnoty pre atribút bgcolor značky (ktorý riadi celkový vzhľad stránky) môže byť „červená“ alebo „#CC0000“.

• Vnorenie je poradie, v ktorom sa značky zobrazujú. Ak sa použije značka, vyzerá to takto: Tento text je tučný. Pridajte značku kurzívou a uvidíte Tento text je tučný a kurzíva.. Všimnite si umiestnenie značiek smerom dovnútra: Pri zatváraní značiek postupujete zvnútra smerom von.