Turinys
HTML („HyperText Markup Language“ arba „HyperText Markup Language“) arba hiperteksto žymėjimo kalba yra standartas, naudojamas kuriant tinklalapius, tai yra kalba, pagrįsta žymomis, kuri struktūrizuoja informaciją pagal turinio hierarchiją. HTML savaime nesuteikia pateikiamai informacijai grafinių charakteristikų, ji tik sutvarko ją taip, kad būtų logiška skaitymo tvarka.Antra CSS (Kaskadinis stiliaus lapas) arba kaskadiniai stiliaus lapai yra kalba, naudojama apibrėžti ir sukurti struktūrizuoto dokumento, parašyto HTML, pristatymą. Ji yra atsakinga už stiliaus lapų, kurie bus standartas naršyklėms, specifikacijų formulavimą.
Šioje pamokoje mes pristatysime pagrindinę dokumento struktūrą HTML5, populiariausios etiketės ir hierarchinė jų deklaravimo tvarka. Savo ruožtu paaiškinsime ryšį tarp HTML5 ir CSS3, kaip jie gali būti susiję, deklaracijų struktūrą CSS3 ir grafinius atributus, kuriuos jie gali suteikti HTML dokumentui.
Pavyzdžiams, kuriuos ketiname atlikti, būtina turėti kodų redaktorių, mūsų atveju pamokoje pasirinktas „Dreamweaver CC 2014“ redaktorius „Dreamweaver CS6“ pagrindai: darbo aplinkos pažinimas aprašomos programos savybės, kurios išlieka tos pačios, nepaisant jų versijų skirtumų
1. HTML5 dokumento struktūra
B) Nurodo HTML dokumento atidarymą, tai yra pirmoji deklaruota žyma.
C) Galite įtraukti dokumento pavadinimą, scenarijus, stilius, meta informaciją ir kt.
D) Pateikia metaduomenis apie HTML dokumentą. Metaduomenys puslapyje nebus rodomi, jie bus analizuojami tik kaip pridėta informacija. Paprastai šie elementai naudojami puslapio aprašymui, raktiniams žodžiams, dokumento autoriui nurodyti. Paveikslėlyje parodytame pavyzdyje mes naudojome charset atributą simbolių rinkiniui, kuriame bus rodomas puslapis, apibrėžti, ispanų kalbos atveju-charset = "utf-8".
IR) Tai leidžia mums priskirti puslapio, kuris bus rodomas naršyklėse, pavadinimą.
F) Daugumai HTML žymų reikia pradžios ir pabaigos deklaracijos:
Etiketės turinysŠiuo atveju rodomas vaizdas uždaro galvos žymą su
G) Viskas, kas yra šiame elemente, bus rodoma naršyklėje, tai yra, šioje žymoje mes nurodysime visą vaizdinį mūsų HTML dokumento turinį.
H) Panašiai, kaip paaiškinta skyriuje F tai yra etiketės uždarymas
Aš) Panašiai, kaip paaiškinta skyriuje F tai yra etiketės uždarymas
CSS3 dokumento struktūra
B) #Id: Deklaracijos, prasidedančios svaro ženklu, rodo, kad jis yra ID tipo. Tiek klasės, tiek ID naudojami norint nurodyti, kokius grafinius atributus norime suteikti savo HTML turiniui. Tačiau šie dviejų tipų teiginiai skiriasi:
ID yra unikalūs:
- Kiekvienas elementas gali turėti tik vieną ID.
- Kiekviename puslapyje gali būti tik vienas elementas su šiuo ID.
Mūsų HTML kodas nebus patvirtintas, jei tas pats ID bus naudojamas daugiau nei viename elemente.
Klasės nėra unikalios:
- Ta pati klasė gali būti naudojama keliuose elementuose.
- Tame pačiame elemente galite naudoti kelias klases.
Bet koks stilius, kurį reikia taikyti keliems puslapio objektams, turi būti atliekamas naudojant klasę. Svarbu paminėti, kad viskas, kas deklaruojama CSS dokumentuose, skiria didžiosios ir mažosios raidės.
C) {Atidarymo petnešos, pradedančios atributų deklaraciją.
D) } Raktas, kuriuo uždaromos klasės arba ID deklaracijos.
IR) Atributų struktūra: paskelbus atributą būtina nurodyti jo vertę, paveikslėlyje pateiktame pavyzdyje #Id priskiriame 600 pikselių aukštį.
Atributams ir jų reikšmėms atskirti naudojamas kabliataškis; kaip parodyta paveikslėlyje.
Paprastai tai yra bendrosios kodo struktūros charakteristikos HTML, reikiamas etiketes ir kaip jas užsisakyti. Jeigu CSS deklaracijų rūšys ir bendra jų struktūra. Turėdami šias žinias, būsime pasirengę sukurti pirmąjį HTML ir suteikti etiketėms grafinių savybių.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką
