Autorius:
Mark Sanchez
Kūrybos Data:
28 Sausio Mėn 2021
Atnaujinimo Data:
1 Liepos Mėn 2024
![Kaip sukurti HTML lentelę 4x3? Pritaikyti stilių. Nuspalvinti ir uždėti kraštines CSS pagalba. Table](https://i.ytimg.com/vi/GhivAJREeyo/hqdefault.jpg)
Turinys
Gana sunku sukurti lentelę HTML. Tačiau atlikę šiame straipsnyje nurodytus veiksmus turėtumėte turėti galimybę sukurti tokį savo svetainei.
Žingsniai
1 Atidarykite paprastą teksto apdorojimo programą, pvz., „Notepad“ ar „WordPad“ sistemoje „Windows“, arba „Mac“ atidarykite „TextEdit“.
2 Įveskite visą tekstą, kurį norite matyti prieš lentelę.
- 3 Apibrėžkite lentelės naudojimą HTML dokumentui įvesdami table> tag.
- 4 Paspauskite „Enter“.
5 Įveskite eilutės lentelės atidarymo žymą naudodami tr> žymą.
- 6Nepamirškite sukurti visų likusių elementų iš kairės į dešinę.
7 Paspauskite „Enter“.
8 Įveskite lentelės antraštės pradžios žymą naudodami žymą th>.
9 Įveskite pavadinimą, kurį norite naudoti pirmajame stulpelyje.
10 Naudodami žymą / th> įveskite lentelės antraštės elemento uždarymo žymą.
11 Paspauskite „Enter“.
12 Pakartokite veiksmus (elementų išdėstymas stulpeliuose iš kairės į dešinę).
13 Uždarykite šią eilutę įvesdami / tr> žymą.
14 Paspauskite „Enter“.
15 Pradėkite kitą eilutę su kita tr> žyma.
16 Paspauskite „Enter“.
17 Įveskite lentelės duomenų žymą naudodami žymą td>.
18 Įveskite lentelės duomenis, kuriuos norite įtraukti į kiekvieną lauką.
- 19Dirbkite iš kairės į dešinę, užpildydami duomenis iš aukščiau pateiktų stulpelių.
20 Uždarykite kiekvieną įvestį žyma / td>.
- 21 Pakartokite visus turimus lentelės duomenis.
- Ląstelėse, kuriose nieko nereikia įvesti, įveskite td> ir td> ir nieko tarp jų. Tai bus labai naudinga laukams tarp dviejų kitų laukų.
- Ląstelėse, kuriose nieko nereikia įvesti, įveskite td> ir td> ir nieko tarp jų. Tai bus labai naudinga laukams tarp dviejų kitų laukų.
22 Uždarykite kiekvieną eilutę kita žyma / tr>.
23 Kartokite kiekvieną eilutę žemyn, be tr> ir / td> eilučių, kol kiekviena eilutė bus surinkta.
24 Uždarykite lentelę su žyma / table>.
25 Įveskite šį HTML tekstą, kaip jums reikia likusiai dokumento daliai.
Patarimai
- Įtraukite kiekvieną eilutę, kad suprastumėte, ką bandote padaryti naudodami savo kodą.
Įspėjimai
- Jei netyčia įvesite per daug duomenų stulpelių, kuriuose nėra lentelės antraštės, jie vis tiek bus rodomi, tačiau atrodys šiek tiek kvailai ir skaitytojas nesupras, kam ši informacija skirta.
- Lentelių kūrimas HTML puslapyje yra sudėtingas procesas. Pirma, praktikuokite išorinius duomenis, kad pamatytumėte, kaip jie atrodo, tada naršykite ir įdėkite naują lentelę į savo vietą.
- HTML lentelės kodą geriausia palikti pažengusiems HTML koduotojams. Tačiau laikydamiesi šių nurodymų, jūs taip pat tapsite vienu iš jų.