Ko ustvarite novo spletno stran v programu Adobe Creative Suite 5 (Adobe CS5), se Dreamweaver ustvari veliko kode, ki pomaga vašemu spletnemu brskalniku prepoznati HTML in katero različico HTML-ja uporablja. Dreamweaver deluje v ozadju in zagotavlja, da vaša stran deluje v večini najnovejših različic običajnih spletnih brskalnikov, kot so Firefox, Internet Explorer in Safari.
HTML koda, čeprav enostavna, je tako kot kateri koli drug jezik, saj morate ugotoviti sintakso (pravilno zaporedje in oblikovanje kode) in besedišče (zapomniti si veliko oznak). Za ustvarjanje dobrih in čistih spletnih strani vam ni treba imeti na očalih kos traku, vendar morate pregledati naslednje osnove HTML.
Če ste izkušen uporabnik, veste, da lahko s kopiranjem in lepljenjem kode ugotovite veliko o kodi HTML. Če ste nov uporabnik, vam lahko kopiranje in lepljenje kode pomaga razumeti kodo, ki so jo drugi implementirali na svojih straneh, in vam morda da nekaj idej.
Na splošno so oznake HTML sestavljene iz treh delov:
-
Oznaka: glavni del informacij HTML, na primer za močno ali krepko, za oznako pisave ali
za tabelo HTML. Oznaka je vedno sestavljena iz ključne besede, zaprte v nizu oklepajev, kot je , ali .
Ker je večina oznak v parih, morate vnesti začetno oznako (
) in zaključno oznako (
). V XHTML 1.0 Transitional (standard, ki se uporablja za vse nove strani, ustvarjene v Dreamweaverju), morajo biti vse oznake zaprte. Oznako lahko zaprete ali ustvarite samozapiralno oznako, tako da vključite poševnico pred zaključnim oklepajem:
.
Če na primer naredite besedilo krepko z dodajanjem oznake , povejte besedilu, kje naj preneha uporabljati krepko pisavo, tako da vstavite zaključno oznako. V nasprotnem primeru je besedilo še naprej krepko na preostalem delu strani.
-
Atribut: omogoča natančno nastavitev videza določene oznake HTML. Atribut je vedno dodan začetni oznaki in ima lahko različne vrednosti za nadzor atributov, kot so barva povezave, velikost in cilj. Na primer, align je atribut
(odstavek) oznaka, ki določa, kako naj se besedilo znotraj odstavka poravna.
Tukaj je primer odstavka (
) z dodanim atributom:
=“center“>To je sredinsko besedilo
-
Vrednost: barva, velikost in cilj povezave, na primer, podani v atributu. Kot vrednost za barvni atribut lahko na primer podate šestnajstiško število. Primer vrednosti za atribut bgcolor oznake (ki nadzira celoten videz strani) je lahko »rdeča« ali »#CC0000«.
-
Gnezdenje je vrstni red, v katerem se pojavijo oznake. Če je uporabljena oznaka, je videti takole: To besedilo je krepko. Dodajte poševno oznako in videli boste To besedilo je krepko in ležeče. Opazite postavitev oznak od znotraj navzven: Ko zapirate oznake, se premikate od znotraj navzven.