Kaip sukurti lentelę HTML

Autorius: Mark Sanchez
Kūrybos Data: 28 Sausio Mėn 2021
Atnaujinimo Data: 1 Liepos Mėn 2024
Anonim
Kaip sukurti HTML lentelę 4x3? Pritaikyti stilių. Nuspalvinti ir uždėti kraštines CSS pagalba. Table
Video.: Kaip sukurti HTML lentelę 4x3? Pritaikyti stilių. Nuspalvinti ir uždėti kraštines CSS pagalba. Table

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. 1 Atidarykite paprastą teksto apdorojimo programą, pvz., „Notepad“ ar „WordPad“ sistemoje „Windows“, arba „Mac“ atidarykite „TextEdit“.
  2. 2 Įveskite visą tekstą, kurį norite matyti prieš lentelę.
  3. 3 Apibrėžkite lentelės naudojimą HTML dokumentui įvesdami table> tag.

  4. 4 Paspauskite „Enter“.

  5. 5 Įveskite eilutės lentelės atidarymo žymą naudodami tr> žymą.
  6. 6Nepamirškite sukurti visų likusių elementų iš kairės į dešinę.
  7. 7 Paspauskite „Enter“.
  8. 8 Įveskite lentelės antraštės pradžios žymą naudodami žymą th>.
  9. 9 Įveskite pavadinimą, kurį norite naudoti pirmajame stulpelyje.
  10. 10 Naudodami žymą / th> įveskite lentelės antraštės elemento uždarymo žymą.
  11. 11 Paspauskite „Enter“.
  12. 12 Pakartokite veiksmus (elementų išdėstymas stulpeliuose iš kairės į dešinę).
  13. 13 Uždarykite šią eilutę įvesdami / tr> žymą.
  14. 14 Paspauskite „Enter“.
  15. 15 Pradėkite kitą eilutę su kita tr> žyma.
  16. 16 Paspauskite „Enter“.
  17. 17 Įveskite lentelės duomenų žymą naudodami žymą td>.
  18. 18 Įveskite lentelės duomenis, kuriuos norite įtraukti į kiekvieną lauką.
  19. 19Dirbkite iš kairės į dešinę, užpildydami duomenis iš aukščiau pateiktų stulpelių.
  20. 20 Uždarykite kiekvieną įvestį žyma / td>.
  21. 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ų.
  22. 22 Uždarykite kiekvieną eilutę kita žyma / tr>.
  23. 23 Kartokite kiekvieną eilutę žemyn, be tr> ir / td> eilučių, kol kiekviena eilutė bus surinkta.
  24. 24 Uždarykite lentelę su žyma / table>.
  25. 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ų.