A HTML alapjai az Adobe CS5 Dreamweaverben

Amikor új weboldalt hoz létre az Adobe Creative Suite 5 (Adobe CS5) programban, a Dreamweaver számos kódot hoz létre, amelyek segítenek a böngészőnek felismerni a HTML-t és a HTML melyik verzióját használja. A Dreamweaver a háttérben működik annak érdekében, hogy oldala működjön az általános webböngészők, például a Firefox, az Internet Explorer és a Safari legújabb verzióiban.

A HTML-kód, bár egyszerű, ugyanolyan, mint bármely más nyelv, mivel ki kell találnia a szintaxist (a kód megfelelő sorrendjét és felépítését) és a szókincset (sok címkét meg kell jegyezni). Nem kell ragasztószalag a szemüvegén ahhoz, hogy jó, tiszta weboldalakat készítsen, de át kell tekintenie a következő HTML-alapokat.

Ha Ön tapasztalt felhasználó, tudja, hogy a kód másolásával és beillesztésével sok mindent megtudhat a HTML-kódról. Ha Ön új felhasználó, a kód másolása és beillesztése segíthet megérteni azt a kódot, amelyet mások az oldalaikon implementáltak, és esetleg ötleteket adhat.

A HTML-címkék általában három részből állnak:

• Címke: A HTML-információ fő része, például az erős vagy félkövér, a betűtípus címkéjéhez vagy

  HTML táblázathoz. A címke mindig egy zárójelbe zárt kulcsszóból áll, például , vagy .

  Mivel a legtöbb címke párban érkezik, meg kell adnia egy nyitó címkét (

  ) és egy zárócímke (

  ). Az XHTML 1.0 Transitional (a Dreamweaverben létrehozott összes új oldalhoz használt szabvány) esetén minden címkét be kell zárni. Bezárhat egy címkét, vagy létrehozhat egy önzáró címkét, ha a záró zárójel elé tesz egy perjelet:
  .

  Például, ha félkövérré teszi a szöveget a címke hozzáadásával, záró címke beszúrásával adja meg a szövegnek, hogy hol hagyja abba a félkövér használatot. Ellenkező esetben a szöveg továbbra is félkövéren jelenik meg az oldal hátralévő részében.

• Attribútum: Lehetővé teszi egy adott HTML címke megjelenésének finomhangolását. Egy attribútum mindig hozzáadódik a nyitó címkéhez, és különböző értékeket vehet fel az attribútumok, például a hivatkozás színének, méretének és céljának vezérléséhez. Például az igazítás a

  (bekezdés) címke, amely meghatározza, hogy a bekezdésen belüli szöveg hogyan igazodjon.

  Íme egy példa egy bekezdésre (

  ) címke egy attribútum hozzáadásával:

  =“center">Ez egy középre igazított szöveg

• Érték: Egy attribútumban megadott szín, méret és hivatkozási cél például. Például megadhat egy hexadecimális számot a színattribútum értékeként. A címke bgcolor attribútumának értéke (amely az oldal általános megjelenését szabályozza) lehet „red” vagy „#CC0000”.

• A beágyazás a címkék megjelenési sorrendje. Ha egy címkét alkalmaz, az így néz ki: Ez a szöveg félkövér. Adjon hozzá egy dőlt címkét, és látni fogja, hogy Ez a szöveg félkövér és dőlt. Figyelje meg a címkék befelé-kifelé történő elhelyezését: A címkék bezárásakor belülről kifelé halad.