Kako ustvariti tabelo v HTML

Avtor: Mark Sanchez
Datum Ustvarjanja: 28 Januar 2021
Datum Posodobitve: 1 Julij. 2024
Anonim
HTML Vodič 5 - Tabele in Atributi
Video.: HTML Vodič 5 - Tabele in Atributi

Vsebina

Ustvarjanje tabele v HTML -ju je precej težko. Toda s koraki, opisanimi v tem članku, bi morali ustvariti enega za svoje spletno mesto.

Koraki

  1. 1 Odprite preprost program za urejanje besedil, kot sta Notepad ali WordPad, v sistemu Windows ali Mac, odprite TextEdit.
  2. 2 Vnesite vse besedilo, ki ga želite videti pred tabelo.
  3. 3 Določite uporabo tabele za dokument HTML z vnosom tabele> tag.

  4. 4 Pritisnite Enter.

  5. 5 Z oznako tr> vnesite oznako za odpiranje tabele vrstic.
  6. 6Ne pozabite zgraditi vseh preostalih elementov od leve proti desni.
  7. 7 Pritisnite Enter.
  8. 8 Z oznako th> vnesite začetno oznako naslova tabele.
  9. 9 Vnesite naslov, ki ga želite uporabiti za prvi stolpec.
  10. 10 Z oznako / th> vnesite zaključno oznako za element naslova tabele.
  11. 11 Pritisnite Enter.
  12. 12 Ponovite korake (razvrščanje elementov v stolpce od leve proti desni).
  13. 13 Zaprite to vrstico z vnosom oznake / tr>.
  14. 14 Pritisnite Enter.
  15. 15 Začnite drugo vrstico z drugo tr> oznako.
  16. 16 Pritisnite Enter.
  17. 17 Podatkovno oznako tabele vnesite z oznako td>.
  18. 18 Vnesite podatke tabele, ki jih želite vključiti v vsako polje.
  19. 19Delajte od leve proti desni in izpolnite podatke iz zgornjih stolpcev.
  20. 20 Vsak vnos zaprite z oznako / td>.
  21. 21 Ponovite za vse podatke tabele, ki jih imate.
    • Za celice, kjer vam ni treba vnesti ničesar, vnesite td> in td> in nič vmes. To bo zelo koristno za polja med dvema drugima poljema.
  22. 22 Vsako vrstico zaprite z drugo oznako / tr>.
  23. 23 Ponovite vsako vrstico navzdol poleg vrstic tr> in / td>, dokler ni vsaka vrstica sestavljena.
  24. 24 Zaprite tabelo z oznako / table>.
  25. 25 Vnesite naslednje besedilo HTML, kot ga potrebujete za preostanek dokumenta.

Nasveti

  • Zamaknite se iz vsake vrstice, da boste lahko razumeli, kaj poskušate narediti v svoji kodi.

Opozorila

  • Če pomotoma vnesete preveč stolpcev podatkov, kjer ni naslova tabele, bodo še vedno prikazani, vendar bodo videti nekoliko neumni in bralec ne bo razumel, čemu služijo ti podatki.
  • Sestavljanje tabel na strani HTML je težaven postopek za razumevanje. Najprej vadite na zunanjih podatkih, da vidite, kako izgledajo, nato brskajte in postavite novo tabelo na njeno mesto.
  • Kodo tabele HTML je najbolje prepustiti naprednim kodirnikom HTML. Ko pa sledite tem navodilom, boste tudi vi postali eden izmed njih.