Taulukon luominen HTML -muodossa

Kirjoittaja: Mark Sanchez
Luomispäivä: 28 Tammikuu 2021
Päivityspäivä: 1 Heinäkuu 2024
Anonim
HTML-taulukot – HTML-tutoriaali aloittelijoille – Ohjelmointikoulu CodeBerry
Video: HTML-taulukot – HTML-tutoriaali aloittelijoille – Ohjelmointikoulu CodeBerry

Sisältö

Taulukon luominen HTML -muodossa on melko vaikeaa. Mutta tässä artikkelissa kuvattujen vaiheiden avulla sinun pitäisi pystyä luomaan sellainen sivustollesi.

Askeleet

  1. 1 Avaa yksinkertainen tekstinkäsittelyohjelma, kuten Notepad tai WordPad Windowsissa, tai Macissa avaa TextEdit.
  2. 2 Kirjoita kaikki teksti, jonka haluat nähdä taulukon edessä.
  3. 3 Määritä taulukon käyttö HTML -asiakirjalle kirjoittamalla table> tag.

  4. 4 Paina Enter.

  5. 5 Kirjoita rivitaulukon avaustunniste käyttämällä tr> -tunnistetta.
  6. 6Muista rakentaa kaikki jäljellä olevat elementit vasemmalta oikealle.
  7. 7 Paina Enter.
  8. 8 Kirjoita taulukon otsikon aloitustagi th> -tunnisteen avulla.
  9. 9 Kirjoita otsikko, jota haluat käyttää ensimmäisessä sarakkeessa.
  10. 10 Kirjoita taulukon otsikkoelementille / th> -tunnisteella päätöstagi.
  11. 11 Paina Enter.
  12. 12 Toista vaiheet (kohteiden järjestäminen sarakkeisiin vasemmalta oikealle).
  13. 13 Sulje tämä rivi kirjoittamalla / tr> -tunniste.
  14. 14 Paina Enter.
  15. 15 Aloita toinen rivi toisella tr> -tunnisteella.
  16. 16 Paina Enter.
  17. 17 Kirjoita taulukon datatunniste käyttämällä td> -tunnistetta.
  18. 18 Kirjoita taulukon tiedot, jotka haluat sisällyttää jokaiseen kenttään.
  19. 19Työskentele vasemmalta oikealle täyttämällä yllä olevien sarakkeiden tiedot.
  20. 20 Sulje jokainen tulo / td> -tunnisteella.
  21. 21 Toista kaikki taulukon tiedot, jotka sinulla on.
    • Jos soluja ei tarvitse syöttää, kirjoita td> ja td> eikä mitään välissä. Tämä on erittäin hyödyllistä kahden muun kentän välisille kentille.
  22. 22 Sulje jokainen rivi toisella / tr> -tunnisteella.
  23. 23 Toista jokaista riviä rivien tr> ja / td> lisäksi, kunnes jokainen rivi on koottu.
  24. 24 Sulje taulukko / table> -tunnisteella.
  25. 25 Kirjoita seuraava HTML -teksti tarpeen mukaan muille asiakirjoille.

Vinkkejä

  • Sisennä joka rivi, jotta ymmärrät, mitä yrität tehdä koodillasi.

Varoitukset

  • Jos syötät vahingossa liian monta tietosaraketta, joissa ei ole taulukon otsikkoa, ne näytetään silti, mutta ne näyttävät hieman typeriltä ja lukija ei ymmärrä, mihin tämä tieto on tarkoitettu.
  • Taulukoiden luominen HTML -sivulle on hankala ymmärtää. Harjoittele ensin ulkoisten tietojen avulla, miltä se näyttää, ja selaa sitten ja aseta uusi taulukko paikalleen.
  • HTML -taulukkokoodi on parasta jättää edistyneille HTML -koodereille. Kuitenkin, kun olet noudattanut näitä ohjeita, sinusta tulee myös yksi heistä.