Veidojot jaunu tīmekļa lapu programmā Adobe Creative Suite 5 (Adobe CS5), Dreamweaver tiek izveidots daudz koda, lai palīdzētu jūsu tīmekļa pārlūkprogrammai atpazīt HTML un to, kuru HTML versiju tā izmanto. Dreamweaver darbojas fonā, lai nodrošinātu, ka jūsu lapa darbojas lielākajā daļā jaunāko izplatīto tīmekļa pārlūkprogrammu versiju, piemēram, Firefox, Internet Explorer un Safari.
HTML kods, lai arī vienkāršs, ir tāds pats kā jebkura cita valoda, jo jums ir jāizdomā sintakse (pareiza koda secība un veidošana) un vārdu krājums (jāatceras daudz tagu). Lai izveidotu labas, tīras tīmekļa lapas, uz brillēm nav jābūt lentes traipiem, taču jums ir jāpārskata tālāk norādītie HTML pamati.
Ja esat pieredzējis lietotājs, jūs zināt, ka, kopējot un ielīmējot kodu, varat daudz uzzināt par HTML kodu. Ja esat jauns lietotājs, koda kopēšana un ielīmēšana var palīdzēt saprast kodu, ko citi ir ieviesuši savās lapās, un, iespējams, sniegt dažas idejas.
Kopumā HTML tagi sastāv no trim daļām:
-
Tags: galvenā HTML informācijas daļa, piemēram, spēcīgam vai treknrakstām, fonta tagam vai
HTML tabulai. Tags vienmēr tiek veidots no atslēgvārda, kas ietverts iekavās, piemēram, vai .
Tā kā lielākā daļa tagu ir pa pāriem, jums jāievada sākuma tags (
) un beigu atzīme (
). Programmā XHTML 1.0 Transitional (standarts, ko izmanto visām jaunajām lapām, kas izveidotas programmā Dreamweaver), visi tagi ir jāaizver. Varat aizvērt tagu vai izveidot pašaizverošu tagu, iekļaujot slīpsvītru pirms noslēdzošās iekavas:
.
Piemēram, ja iestatāt tekstu treknrakstā, pievienojot atzīmi , norādiet tekstam, kur pārtraukt treknraksta lietošanu, ievietojot beigu tagu . Pretējā gadījumā teksts tiek rādīts treknrakstā visā atlikušajā lapas daļā.
-
Atribūts: ļauj precīzi noregulēt noteikta HTML taga izskatu. Atribūts vienmēr tiek pievienots sākuma tagam, un tam var būt dažādas vērtības, lai kontrolētu atribūtus, piemēram, saites krāsu, izmēru un galamērķi. Piemēram, līdzinājums ir atribūts
(rindkopas) tags, kas norāda, kā teksts rindkopas iekšpusē ir jāsaskaņo.
Šeit ir rindkopas piemērs (
) tagu ar pievienotu atribūtu:
=“centrs">Šis ir centrēts teksts
-
Vērtība: krāsa, izmērs un saites galamērķis, piemēram, norādīts atribūtā. Piemēram, kā krāsas atribūta vērtību varat norādīt heksadecimālo skaitli. Vērtības piemērs taga atribūtam bgcolor (kas kontrolē kopējo lapas izskatu) varētu būt “red” vai “#CC0000”.
-
Ligzdošana ir secība, kādā tiek parādīti tagi. Ja tiek lietota atzīme, tas izskatās šādi: Šis teksts ir treknrakstā. Pievienojiet slīprakstu, un jūs redzēsit tekstu Šis teksts ir treknrakstā un slīprakstā. Ievērojiet atzīmju izvietojumu no iekšpuses uz āru: aizverot tagus, jūs strādājat no iekšpuses uz ārpusi.