Kirjoittaja:
Mark Sanchez
Luomispäivä:
28 Tammikuu 2021
Päivityspäivä:
1 Heinäkuu 2024
![HTML-taulukot – HTML-tutoriaali aloittelijoille – Ohjelmointikoulu CodeBerry](https://i.ytimg.com/vi/LKJaptHF_OQ/hqdefault.jpg)
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 Avaa yksinkertainen tekstinkäsittelyohjelma, kuten Notepad tai WordPad Windowsissa, tai Macissa avaa TextEdit.
2 Kirjoita kaikki teksti, jonka haluat nähdä taulukon edessä.
- 3 Määritä taulukon käyttö HTML -asiakirjalle kirjoittamalla table> tag.
- 4 Paina Enter.
5 Kirjoita rivitaulukon avaustunniste käyttämällä tr> -tunnistetta.
- 6Muista rakentaa kaikki jäljellä olevat elementit vasemmalta oikealle.
7 Paina Enter.
8 Kirjoita taulukon otsikon aloitustagi th> -tunnisteen avulla.
9 Kirjoita otsikko, jota haluat käyttää ensimmäisessä sarakkeessa.
10 Kirjoita taulukon otsikkoelementille / th> -tunnisteella päätöstagi.
11 Paina Enter.
12 Toista vaiheet (kohteiden järjestäminen sarakkeisiin vasemmalta oikealle).
13 Sulje tämä rivi kirjoittamalla / tr> -tunniste.
14 Paina Enter.
15 Aloita toinen rivi toisella tr> -tunnisteella.
16 Paina Enter.
17 Kirjoita taulukon datatunniste käyttämällä td> -tunnistetta.
18 Kirjoita taulukon tiedot, jotka haluat sisällyttää jokaiseen kenttään.
- 19Työskentele vasemmalta oikealle täyttämällä yllä olevien sarakkeiden tiedot.
20 Sulje jokainen tulo / td> -tunnisteella.
- 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.
- 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 Sulje jokainen rivi toisella / tr> -tunnisteella.
23 Toista jokaista riviä rivien tr> ja / td> lisäksi, kunnes jokainen rivi on koottu.
24 Sulje taulukko / table> -tunnisteella.
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ä.