Satura rādītājs
HTML (HyperText Markup Language) vai hiperteksta iezīmēšanas valoda ir standarts, ko izmanto tīmekļa lapu izstrādei, tā ir valoda, kuras pamatā ir tagi, kas strukturē informāciju, pamatojoties uz satura hierarhiju. HTML pats par sevi nepiešķir parādītajai informācijai grafiskus raksturlielumus, tas tikai to organizē tā, lai tam būtu loģiska lasīšanas secība.Otrkārt CSS (Kaskādes stila lapa) vai kaskādes stila lapas ir valoda, ko izmanto, lai definētu un izveidotu HTML rakstīta strukturēta dokumenta prezentāciju, tā ir atbildīga par to stila lapu specifikācijas formulēšanu, kas kalpos kā standarts pārlūkprogrammām.
Šajā apmācībā mēs iepazīstināsim ar dokumenta pamatstruktūru HTML5, populārākās etiķetes un hierarhiskā secība to deklarēšanai. Savukārt mēs izskaidrosim attiecības starp HTML5 un CSS3, to saistīšanas veidu, deklarāciju struktūru. CSS3 un grafiskos atribūtus, ko tie var piešķirt HTML dokumentam.
Piemēriem, kurus mēs gatavojamies īstenot, apmācībā ir jābūt koda redaktoram, mūsu gadījumā izvēlētais redaktors ir Dreamweaver CC 2014. Dreamweaver CS6 pamati: darba vides izzināšana ir aprakstītas lietojumprogrammas īpašības, kas paliek nemainīgas, neskatoties uz to versiju atšķirībām
1. HTML5 dokumenta struktūra
B) Norāda HTML dokumenta atvēršanu, tas ir pirmais deklarētais tags.
C) Cita starpā varat iekļaut dokumenta nosaukumu, skriptus, stilus, metainformāciju.
D) Nodrošina metadatus par HTML dokumentu. Metadati netiks parādīti lapā, tie tiks analizēti tikai kā pievienotā informācija. Elementi parasti tiek izmantoti, lai cita starpā norādītu lapas aprakstu, atslēgvārdus, dokumenta autoru. Attēlā redzamajā piemērā mēs esam izmantojuši charset atribūtu, lai definētu rakstzīmju kopu, kurā tiks parādīta lapa, spāņu valodas gadījumā charset = "utf-8".
UN) Tas ļauj mums piešķirt tās lapas nosaukumu, kas tiks parādīta pārlūkprogrammās.
F) Lielākajai daļai HTML tagu ir nepieciešama sākuma un beigu deklarācija:
Iezīmējiet saturuŠajā gadījumā parādītais attēls aizver galvas tagu ar
G) Viss šajā elementā esošais tiks parādīts pārlūkprogrammā, tas ir, šajā tagā mēs apzīmēsim visu mūsu HTML dokumenta vizuālo saturu.
H) Tādā pašā veidā, kā paskaidrots sadaļā F tas ir birkas slēgšana
Es) Tādā pašā veidā, kā paskaidrots sadaļā F tas ir birkas slēgšana
CSS3 dokumenta struktūra
B) #Id: Deklarācijas, kas sākas ar mārciņas zīmi, norāda, ka tās tips ir ID. Gan klases, gan ID tiek izmantoti, lai norādītu, kādus grafiskos atribūtus mēs vēlamies piešķirt mūsu HTML saturam. Tomēr atšķirības starp šiem diviem paziņojumu veidiem ir šādas:
ID ir unikāli:
- Katram elementam var būt tikai viens ID.
- Katrai lapai var būt tikai viens elements ar šo ID.
Mūsu HTML kods netiks pārbaudīts, ja viens un tas pats ID tiks izmantots vairākos elementos.
Klases nav unikālas:
- To pašu klasi var izmantot vairākos elementos.
- Vienā elementā varat izmantot vairākas klases.
Jebkurš stils, kas jāpiemēro vairākiem lapas objektiem, jāveic ar klasi. Ir svarīgi pieminēt, ka viss CSS dokumentos deklarētais ir reģistrjutīgs.
C) {Sākuma skava, kas sāk atribūtu deklarēšanu.
D) } Atslēga, kas aizver klasē vai ID veiktās deklarācijas.
UN) Atribūtu struktūra: pēc atribūta deklarēšanas ir jānorāda tā vērtība, attēlā redzamajā piemērā #Id piešķiram 600 pikseļu augstumu.
Lai atdalītu atribūtus un to vērtības, tiek izmantots semikols; kā parādīts attēlā.
Vienkāršā veidā tās ir koda struktūras vispārīgās īpašības HTML, nepieciešamās etiķetes un to pasūtīšanas veidi. Gadījumā, ja CSS deklarāciju veidi un to vispārējā struktūra. Ar šīm zināšanām mēs būsim gatavi izveidot savu pirmo HTML un piešķirt etiķetēm grafiskas īpašības.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu
