Základy HTML v Adobe CS5 Dreamweaver

Když vytvoříte novou webovou stránku v Adobe Creative Suite 5 (Adobe CS5), Dreamweaver se vytvoří spousta kódu, který vašemu webovému prohlížeči pomůže rozpoznat HTML a jakou verzi HTML používá. Dreamweaver pracuje na pozadí, aby zajistil, že vaše stránka bude fungovat ve většině nejnovějších verzí běžných webových prohlížečů, jako je Firefox, Internet Explorer a Safari.

HTML kód, i když je snadný, je jako každý jiný jazyk v tom, že musíte zjistit syntaxi (správná sekvence a tvorba kódu) a slovní zásobu (zapamatovat si spoustu značek). Abyste mohli vytvářet dobré a čisté webové stránky, nemusíte mít na brýlích cáry pásky, ale musíte si přečíst následující základy HTML.

Pokud jste zkušený uživatel, víte, že zkopírováním a vložením kódu můžete o HTML kódu zjistit hodně. Pokud jste nový uživatel, zkopírování a vložení kódu vám může pomoci porozumět kódu, který ostatní implementovali na své stránky, a možná vám poskytne nějaké nápady.

Obecně se HTML tagy skládají ze tří částí:

• Tag: Hlavní část informací HTML, například pro silné nebo tučné, pro značku fontu, popř

  pro HTML tabulku. Značka je vždy vytvořena z klíčového slova uzavřeného v sadě hranatých závorek, například , nebo .

  Protože většina štítků přichází v párech, musíte zadat úvodní štítek (

  ) a uzavírací značku (

  ). V XHTML 1.0 Transitional (standard používaný pro všechny nové stránky vytvořené v Dreamweaveru) musí být všechny tagy uzavřeny. Tag můžete buď zavřít, nebo vytvořit samouzavírací tag vložením lomítka před uzavírací závorku:
  .

  Pokud například vytvoříte text tučným přidáním značky , řekněte textu, kde má přestat používat tučné písmo, vložením uzavírací značky . V opačném případě se text bude po zbytek stránky zobrazovat tučně.

• Atribut: Umožňuje doladit vzhled konkrétní značky HTML. Atribut je vždy přidán do úvodní značky a může mít různé hodnoty pro řízení atributů, jako je barva odkazu, velikost a cíl. Například zarovnat je atributem

  tag (paragraph), který určuje, jak se má text uvnitř odstavce zarovnat.

  Zde je příklad odstavce (

  ) tag s přidaným atributem:

  =“center“>Toto je text zarovnaný na střed

• Hodnota: Barva, velikost a cíl odkazu, například zadané v atributu. Můžete například zadat hexadecimální číslo jako hodnotu pro atribut barvy. Příklad hodnoty pro atribut bgcolor značky (který řídí celkový vzhled stránky) může být „red“ nebo „#CC0000“.

• Vnoření je pořadí, ve kterém se značky objevují. Pokud je použita značka, vypadá takto: Tento text je tučný. Přidejte tag s kurzívou a uvidíte Tento text je tučný a kurzíva. Všimněte si umístění tagů dovnitř-ven: Při zavírání tagů postupujete zevnitř ven.