Pradėkite naudoti HTML: lentelės

HTML, „HyperText Markup Language“ santrumpa. Tai yra standartas, kuris yra nuoroda kuriant skirtingų versijų tinklalapius, apibrėžia pagrindinę struktūrą ir kodą (vadinamą kodu HTML) apibrėžti tinklalapio turinį, pvz., tekstą, vaizdus, ​​vaizdo įrašus ir kt. Norėdami pradėti suprasti, kaip apibrėžta šios kalbos struktūra, šioje pamokoje pirmiausia žinosime etiketes, su kuriomis tvarkomos lentelės, kurios yra labai naudingos kuriant naujienlaiškių ir laiškų struktūrą.
Šios pamokos tikslas yra paaiškinti, kas padeda grafikos dizaineriams kuo paprasčiau suprasti dokumentų struktūrą ir logiką HTML įgyti pagrindinių žinių, kurios leis jiems kurti failus šia kalba.

Reikalavimai

- Turėkite tokį kodo redaktorių „Dreamweaver CS6“, „Notepad ++“, „Sublime Text“ be kita ko, galima rasti internete.
- Įdiekite žiniatinklio naršyklę, pvz., „Chrome“, „Firefox“, „Opera“, „Safari“, „Edge“ ar „Internet Explorer“.
1 žingsnis: žinokite lentelių kūrimo etiketes
su šia etikete mes apibrėžiame lentelės pradžią struktūroje HTML.
leidžia sukurti lentelės eilutę
vaizduoja stulpelių antraštę, šiuos stulpelius sudaro langeliai.
<>> yra ląstelių, esančių lentelės eilutėse, atvaizdavimas.
Tai visos etiketės, kurių mums reikės lentelėms sukurti, kitame žingsnyje sužinosime, kaip jos deklaruojamos pagal kodą ir jų eiliškumą.
2 žingsnis: loginis etikečių deklaravimas.
Svarbu žinoti, kad HTML formatu turi būti atidaryta didžioji dauguma žymų, būtent tada, kai mes jas deklaruojame ir jos turi būti uždarytos, šis pavyzdys iliustruoja šią sąvoką:

Kaip matote, kiekviena etiketė turi būti atidaryta ir uždaryta. Jie daugiausia skiriasi nuo brūkšnio „/“, su kuriuo etiketė užsidaro. Kiekvieną kartą sukūrus žymą privaloma vienodai deklaruoti jos uždarymą.
3 žingsnis: Hierarchinis etikečių deklaravimas.
Etiketė Tai pirmasis, kuris nurodo, kad yra sukurta lentelė, taigi pradėti kurti langelius, kuriuose bus rodoma informacija.
Lentelės sudarytos iš stulpelių ir eilučių.

Rūpindamiesi hierarchine tvarka, kurią turi turėti kiekviena etiketė, sukursime lentelę ir pristatysime eilutes, kurių mums reikės lentelėje žemiau esančiame paveikslėlyje:

Kodas lentelėje turėtų atrodyti taip:

Nors lentelės eilutės jau yra apibrėžtos, būtina sukurti langelius, sudarančius lentelės stulpelius. Žemiau esantis paveikslėlis iliustruoja šią koncepciją:

Kodas lentelėje turėtų atrodyti taip:

4 veiksmas: turinio pridėjimas prie langelių
Kiekviena žyma [spalva = # 7030a0] [/ spalva] atitinka mūsų lentelės langelį, todėl čia galima pridėti informaciją. Pakeisime pirmąją etiketę [color = # 44546a] [/ color] paskelbta visa eilutė [color = # 7030a0] [/ color] pagal antraštės žymas [color = # 002060][/Spalva]. [Color = # 7030a0][/ color] likusių eilučių pridedame turinio pavyzdį. Kodas HTML Tai turėtų atrodyti taip:

 
 
 
Prekė
 
vardas
 
Pavardė
 

 
 
1
 
Pedro
 
Rožės
 

 
 
2
 
Jonas
 
Šaltiniai
 

5 veiksmas: išsaugokite dokumentą HTML ir peržiūrėti failą
Kodo redagavimo programoje mes einame į meniu Failas / Išsaugoti, nes išsaugome dokumentą formatu .html

Vėliau atidarome dokumentą savo pasirinktoje naršyklėje:

Mūsų sukurta lentelė turėtų atrodyti žemiau esančiame paveikslėlyje.

Iki šiol mes sužinojome etikečių pavadinimą ir funkciją HTML kurti lenteles, jų hierarchinę tvarką, loginį išdėstymą ir pridėti prie jų turinį. Dabar esame pasirengę prie lentelių pridėti grafinių atributų.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką